1 引入js
<script src="../../Js/zui/lib/kindeditor/kindeditor-min.js"></script>
2 html
<textarea rows="5" name='description' id='description'
value='' class='form-control kindeditorSimple'></textarea>
3 js方法
//页面初始化
var editor = KindEditor.create('textarea.kindeditorSimple', {
basePath: '../../Js/zui/lib/kindeditor/',
bodyClass : 'article-content', // 确保编辑器内的内容也应用 ZUI 排版样式
cssPath: '../../Js/zui/css/zui.css', // 确保编辑器内的内容也应用 ZUI 排版样式
resizeType : 1,
allowPreviewEmoticons : false,
allowImageUpload : false,
items : [
'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold', 'italic', 'underline',
'removeformat', '|', 'justifyleft', 'justifycenter', 'justifyright', 'insertorderedlist',
'insertunorderedlist', '|', 'emoticons','image', 'link'
]
});
//取值
var description = editor.html();
//赋值
editor.html(description );