KindEditor编辑器结合EasyUi

KindEditor编辑器

var editor;//初始化编辑器editor = KindEditor.create('#descriptionKindEditorU', {//创建编辑器    items : [//创建工具栏显示的功能        'preview', 'undo', 'redo', '|', 'fontname', 'fontsize', '|',         'forecolor', 'hilitecolor', 'bold', 'italic', 'underline',        'removeformat', '|', 'justifyleft', 'justifycenter', 'justifyright', 'insertorderedlist',        'insertunorderedlist', 'link'],    afterCreate:function(){//编辑器加载后时间        this.sync().html("我想要设置的内容/hidden里的值");    },    afterChange: function () {//编辑器发生改变时间        $("用来取编辑器内容的文本框").val(this.sync().html());    },    resizeType:0//固定大小，2可以拖动改变宽度和高度，1只能改变高度，0不能拖动不能改变高度});editor.readonly(false);//编辑器非只读//我是用一个hidden来接收编辑器的内容，在加载的时候把内容赋进去items工具栏的功能如下：source：表示可以切换编辑器的编辑模式进入源代码HTML查看模式；undo：表示后退，也就是我们常用的CTRL+Z快捷键功能；redo：表示前进，也就是我们常用的CTRL+Y快捷键功能；preview：表示预览，点击可以提前预览编辑器内的内容所展示的效果。print：表示打印编辑器内的内容。template：表示可以插入编辑器内的模板窗体；code：表示可以插入代码段；cut：表示剪切；copy：表示复制，如同CTRL+C；paste：表示粘贴，如同CTRL+V；plainpaste：表示粘贴为无格式文本，主要是用于比如想赋值其他有HTML格式的纯文本进入编辑器，可以先在这里面进行HTML标签的过滤；wordpaste：表示从WORD内粘贴；justifyleft：表示选中文本居左；justifycenter：表示选中文本居中；justifyright：表示选中文本居右；justifyfull：表示两端对齐；insertorderedlist：表示编号（1、2、3）；insertunorderedlist：表示项目符号；indent：表示增加缩进；outdent：表示减少缩进；subscript：表示下标；如同：X2superscript：表示上标；如同：X2clearhtml：表示清除HTML标签；quickformat：表示快速排版；selectall：表示全选；fullscreen：表示全屏；formatblock：表示段落；fontname：表示字体；fontsize：表示文字大小；forecolor：表示文字颜色；hilitecolor：表示文字背景色；bold：表示文字加粗；italic：表示文字斜体；underline：表示给文字追加下划线；strikethrough：表示给文字追加删除线；lineheight：表示调整行距；removeformat：表示删除选中段的格式；image：表示单个上传图片；multiimage：表示批量上传图片；flash：表示插入flash；media：表示插入音视频文件；insertfile：表示插入文件；table：表示插入表格；hr：表示插入横线；emoticons：表示插入表情；baidumap：表示插入地图；pagebreak：表示插入分页符；anchor：表示插入锚点；link：表示插入超链接；unlink：表示取消超级链接；一般和link配合出现；about：表示关于kindeditor编辑器的信息；

需要导入的css和js文件如下：（可能有的不需要，这里没有仔细测试）

<link rel="stylesheet" href="../editor/themes/default/default.css" /><link rel="stylesheet" href="../editor/main.css" /><link rel="stylesheet" href="../editor/prettify.css" /><script charset="utf-8" src="../editor/kindeditor-all.js"></script><script charset="utf-8" src="../editor/kindeditor.js"></script><script charset="utf-8" src="../editor/kindeditor-all-min.js"></script><script charset="utf-8" src="../editor/kindeditor-min.js"></script><script charset="utf-8" src="../editor/show_ads.js"></script><script charset="utf-8" src="../editor/lang/zh_CN.js"></script>

因为上传文件的大小受限制，文件在百度云盘中

http://pan.baidu.com/s/1o65UHyM

---

该文章给需要的朋友做个参照，不喜勿喷