Question

怎么在easyui框架增加富文本编辑器

Answer 1

1.首先，想在项目中引入相关的jar包

2.html页面中加入相关的引用
<!-- kindeditor -->
<script type="text/javascript"
th:src="@{/lib/kindeditor/kindeditor.js}"></script>
<script type="text/javascript"
th:src="@{/lib/kindeditor/lang/zh_CN.js}"></script>

<th>公告内容:</th>
<td>
<textarea id="detail" name="detail" style="width:100%;height:200px;">
</textarea>
</td>

3.js文件中的方法的处理

//介绍富文本编辑器
KindEditor.ready(function(K) {
introEditor = K.create("#detail", {
width : 100,
minHeight : '300px',
uploadJson : parent.baseUrl + "file/kindeditorUploadImg",
items : [ 'source', '|', 'undo', 'redo', '|', 'preview', 'print',
'template', 'code', 'cut', 'copy', 'paste', 'plainpaste',
'wordpaste', '|', 'justifyleft', 'justifycenter',
'justifyright', 'justifyfull', 'insertorderedlist',
'insertunorderedlist', 'indent', 'outdent', 'subscript',
'superscript', 'clearhtml', 'quickformat', 'selectall',
'|', 'formatblock', 'fontname', 'fontsize', '|',
'forecolor', 'hilitecolor', 'bold', 'italic', 'underline',
'strikethrough', 'lineheight', 'removeformat', '|',
'image', 'flash', 'media', 'insertfile', 'table', 'hr',
'pagebreak', 'anchor', 'link', 'unlink', '|', 'about',
'fullscreen' ],
});
});