kindEditor中提交內容資料庫為空問題
阿新 • • 發佈:2018-12-04
1.KindEditor 工作原理
隱藏原來 textarea 文字框,生成 iframe,在 iframe 裡面進行編輯
Note
- KindEditor的視覺化操作在新建立的iframe上執行,程式碼模式下的textarea框也是新建立的,所以最後提交前需要執行 sync() 將HTML資料設定到原來的textarea。
- KindEditor在預設情況下自動尋找textarea所屬的form元素,找到form後onsubmit事件裡新增sync函式,所以用form方式提交資料,不需要手動執行sync()函式。
- KindEditor預設採用白名單過濾方式,可用
2.提交資料
$(function(){
$("#save").click(function(){
if($("#promotionForm").form('validate')){
// 同步資料後可以直接取得textarea的value
editor.sync();
$("#promotionForm").submit();
}else{
$.messager.alert("警告","提交非法資料!!!","warning");
}
});
});
注意:當使用 kindEditor 進行編輯資料時,編輯後內容,不會自動隨表單進行提交