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");
}
});
});
注意:当使用 kindEditor 进行编辑数据时,编辑后内容,不会自动随表单进行提交