1. 程式人生 > >kindEditor中提交內容資料庫為空問題

kindEditor中提交內容資料庫為空問題

1.KindEditor 工作原理

隱藏原來 textarea 文字框,生成 iframe,在 iframe 裡面進行編輯

Note

  • KindEditor的視覺化操作在新建立的iframe上執行,程式碼模式下的textarea框也是新建立的,所以最後提交前需要執行 sync() 將HTML資料設定到原來的textarea。
  • KindEditor在預設情況下自動尋找textarea所屬的form元素,找到form後onsubmit事件裡新增sync函式,所以用form方式提交資料,不需要手動執行sync()函式。
  • KindEditor預設採用白名單過濾方式,可用
    htmlTags
    引數定義要保留的標籤和屬性。當然也可以用 filterMode 引數關閉過濾模式,保留所有標籤。

2.提交資料

 $(function(){
                $("#save").click(function(){
                    if($("#promotionForm").form('validate')){
                        // 同步資料後可以直接取得textarea的value
                        editor.sync();


                        $("#promotionForm").submit();
                    }else{
                        $.messager.alert("警告","提交非法資料!!!","warning");
                    }
                });
            });

3.注意點

注意:當使用 kindEditor 進行編輯資料時,編輯後內容,不會自動隨表單進行提交