富文本编辑器的使用

1.  导入富文本编辑器js包（kindeditor-4.1.10）  链接：https://pan.baidu.com/s/1LIxzjOWkw1HdgfXwxoYp7g 密码：zsrr

2. jsp中引入如下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>

3.  jsp 中添加如下标签

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

4.  初始化富文本编辑器

    var itemAddEditor ;
    //页面初始化完毕后执行此方法
    $(function(){
        //创建富文本编辑器
        itemAddEditor = KindEditor.create("#itemAddForm [name=desc]");
        //初始化类目选择和图片上传器
        TAOTAO.init({fun:function(node){
            //根据商品的分类id取商品 的规格模板，生成规格信息。第四天内容。
            //TAOTAO.changeItemParam(node, "itemAddForm");
        }});
    });

5. 提交表单的方法中 提交之前添加如下， 把富文本编辑器中的内容和 textarea 中的内容进行同步。

itemAddEditor.sync();