1. 导入富文本编辑器js包(kindeditor-4.1.10) 连接:https://pan.baidu.com/s/1LIxzjOWkw1HdgfXwxoYp7g 密码:zsrrjavascript
2. jsp中引入以下jsjava
<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>
3. jsp 中添加以下标签node
<textarea style="width:800px;height:300px;visibility:hidden;" name="desc"></textarea>
4. 初始化富文本编辑器jsp
var itemAddEditor ; //页面初始化完毕后执行此方法 $(function(){ //建立富文本编辑器 itemAddEditor = KindEditor.create("#itemAddForm [name=desc]"); //初始化类目选择和图片上传器 TAOTAO.init({fun:function(node){ //根据商品的分类id取商品 的规格模板,生成规格信息。第四天内容。 //TAOTAO.changeItemParam(node, "itemAddForm"); }}); });
5. 提交表单的方法中 提交以前添加以下, 把富文本编辑器中的内容和 textarea 中的内容进行同步。编辑器
itemAddEditor.sync();