富文本編輯器的使用

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();
相關文章
相關標籤/搜索