kindEditor中提交内容数据库为空问题
2017-11-19 11:59
134 查看
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 进行编辑数据时,编辑后内容,不会自动随表单进行提交
隐藏原来 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 进行编辑数据时,编辑后内容,不会自动随表单进行提交
相关文章推荐
- PHP在kindeditor编辑器下内容不能提交的问题的解决方法
- ajax异步、同步问题,KindEditor ajax提交内容,ajax提交form表单
- 修改structs动态生成的table中inputs值并提交数据库的问题
- 表单提交错误后返回内容消失问题的解决方法(PHP网站)
- .net 控件绑定数据库后,控件内容回写入数据库的问题
- 分布式一致性解决分布式一致性问题用二阶段提交一个没有高可用组件的数据库不能依靠外部软件来实现高可用
- 【ASP.NET】传值问题及读取数据库内容——补充
- SSM框架Jsp页面POST提交的中文数据保存到数据库变成乱码问题的分析
- 表单内容提交到数据库案例
- kindeditor修复会替换script内容的问题
- Kindeditor通过JS提交获取不到数据问题.
- android提取数据库内容的展示问题
- 页面提交数据到数据库乱码问题
- 向后台数据库提交表单时碰到的问题
- thinkcmf5更新模板代码分析,解决模板配置json出错导致数据库保存的配置项内容丢失问题
- 生产数据库要不要升级与ORACLE数据库支持服务内容和时限的问题
- jquery.form.js的ajax提交,CKEditor编辑器内容丢失问题的解决方法!
- SpringBind对象到页面时,用ajax提交form表单内容,后台无法获取绑定对象问题
- 前端提交的中文数据与后端数据库无法正确匹配的问题
- KindEditor 从数据库里取值样式不正常的问题解决