天天看点

ue富文本编辑器使用

对于富编辑器 的查看功能属性

var ue = UE.getEditor('heditor');                        //可编辑状态

var ue1 = UE.getEditor('heditor1',{readonly:true,});  //不可编辑,用于查看时使用

当需要对 富文本编辑器  查看时,ftl文件中新增 后,JS文件中需要再次新增方法,

例:

JS:

var ue = UE.getEditor('heditor');// 编辑

var ue1 = UE.getEditor('heditor1',{readonly:true,});  //查看

//编辑

function edit() {
var row = $("#dg").datagrid('getSelected');
if(row) {
$('#dlg-add').dialog('open').dialog('setTitle','编辑');
$('#fm-add').form('clear');
$('#fm-add').form('load',row);
$('#fm_column').combotree('setValue',row.columnid);
if (row.content == "") {
ue.setContent("");
} else {
           

ue.setContent(row.content);

}

url = URL_PREFIX + '/auditplan/edit';

} else {

showMsg('提示信息', '请先选择后再编辑!');

}

}

//查看

function scan(){

var row = $("#dg").datagrid('getSelected');

if(row) {

$('#dlg-view').dialog('open').dialog('setTitle','查看');

$('#fm-view').form('clear');

$('#fm-view').form('load',row);

if (row.content == "") {

ue1.setContent("");

} else {

ue1.setContent(row.content);

}

} else {

showMsg('提示信息', '请先选择后再查看!');

}

}

ftl: 注意id 改变为新的 id

<!-- 查看 表单开始 -->

  <div id="dlg-view" class="easyui-dialog" data-options="modal:true" style="padding:10px 20px;width:50%;height:50%;z-index:500;" closed="true" buttons="#dlg-buttons">

       <form id="fm-view" method="post" enctype="multipart/form-data" style="width:90%;height:90%;"novalidate>

        <input name="id" type="hidden" />

        <input type="hidden" name="type" id="fm_type" />

        <div style="float:left;width:100%;">

           <

           <div class="fitem">

               <label style="width:100px;float:left;">计划内容:</label>

            <script type="text/plain" id="heditor1" name="content"  class="heditor" style="height:400px;float:left;margin-left:4px"></script>

           </div>

</div>

       </form>

   </div>

   <div id="dlg-buttons">

       <a href="javascript:void(0)" target="_blank" rel="external nofollow" class="easyui-linkbutton" iconCls="icon-cancel" οnclick="javascript:closeDlg('dlg-add');" style="width:90px">取消</a>

   </div>

   <!-- 查看 表单结束 -->

继续阅读