富文本编辑器

引入js依赖

<script type="text/javascript" charset="utf-8" src="/js/kindeditor-4.1.10/kindeditor-all-min.js"></script>

<script type="text/javascript" charset="utf-8" src="/js/kindeditor-4.1.10/lang/zh_CN.js"></script>

页面引用

<form id="itemAddForm ">

<tr>

<td>商品描述:</td>

<td>

<textarea style="width:800px;height:300px;visibility:hidden;" name="desc"></textarea>

</td>

</tr>

</form>



通过JS生成编辑器

var itemAddEditor ;

$(function(){

itemAddEditor = TT.createEditor("#itemAddForm [name=desc]");

｝



var TT = {

// 编辑器参数

kingEditorParams : {

filePostName : "uploadFile", //上传表单中名称

uploadJson : '/rest/pic/upload', //图片上传的地址

dir : "image" //上传的类型

},

createEditor : function(select){

//select： 选择器，选择多行文本

//第二个参数： 富文本编辑器的参数（主要是上传的参数）

return KindEditor.create(select, TT.kingEditorParams);

},

}