首页 > 代码库 > (编辑器)Jquery-EasyUI集合Kindeditor编辑器

(编辑器)Jquery-EasyUI集合Kindeditor编辑器

1.在html里面添加

list.html

 

2.需要同时引用easyui和kindeditor相关样式和脚本,然后就可以像使用easyui组件一样使用kindeditor:

    <link href="kindeditor-4.1.10/examples/index.css" rel="stylesheet" />    <script src="kindeditor-4.1.10/kindeditor.js"></script>    <script src="kindeditor-4.1.10/kindeditor-all.js"></script>    <script src="kindeditor-4.1.10/kindeditor-all-min.js"></script>    <script src="kindeditor-4.1.10/kindeditor-min.js"></script>    <script src="kindeditor-4.1.10/lang/zh_CN.js"></script>

调用方法:

<textarea name="easyui_ditor" id="easyui_ditor" class="easyui-kindeditor" style="width: 90%; height: 140px; visibility: hidden;">KindEditor</textarea>

 

3.360浏览器不兼容,firefox浏览器正常,所以赋值方法
KE.html(id, val)
设置编辑器的HTML内容。
参数:
id:String,编辑器的ID
val: String,HTML字符串
返回值:无

页面只有一个编辑器的话最新版本这样写就可以。
KindEditor.html(‘#txtIntroduce‘, data.Introduce);

 

loadFilter: function (data) {                    $.post("../Action/newsList.ashx", { content: $(‘#easyui_ditor‘).val() }, function (data) {                                                var json = eval("(" + data + ")");                        //alert(json.news[0].Content)                        //$(‘#easyui_ditor‘).val(json.news[0].Content);                        KindEditor.html($(‘#easyui_ditor‘), json.news[0].Content);                        //console.info($(‘#easyui_ditor‘).val());                    });