KindEditor:Ajax提交表单时获取不到HTML内容
2014-05-23 11:47
603 查看
当用Ajax提交表单时,KindEditor的内容获取不到,HTML数据获取不了
原因:当ajax提交时,KindEdito的HTML数据还没有同步到表单中来,那怎么去获取HTML数据呢?
---------------------------------------------------
KindEditor 4.x documentation:获取HTML数据
// 取得HTML内容
html = editor.html();
// 同步数据后可以直接取得textarea的value
editor.sync();
html = document.getElementById('editor_id').value; // 原生API
html = K('#editor_id').val(); // KindEditor Node API
html = $('#editor_id').val(); // jQuery
// 设置HTML内容
editor.html('HTML内容');
----------------------------------------------------
从这可看出,当Ajax提交表单时,textarea的value还是空的,需要使用sync()去同步HTML数据
那么在什么时候去同步,怎么同步?KindEditor同时提供了方法:
afterBlur
编辑器失去焦点(blur)时执行的回调函数。
数据类型: Function
默认值: 无
最后答案和解决办法:
原因:当ajax提交时,KindEdito的HTML数据还没有同步到表单中来,那怎么去获取HTML数据呢?
---------------------------------------------------
KindEditor 4.x documentation:获取HTML数据
// 取得HTML内容
html = editor.html();
// 同步数据后可以直接取得textarea的value
editor.sync();
html = document.getElementById('editor_id').value; // 原生API
html = K('#editor_id').val(); // KindEditor Node API
html = $('#editor_id').val(); // jQuery
// 设置HTML内容
editor.html('HTML内容');
----------------------------------------------------
从这可看出,当Ajax提交表单时,textarea的value还是空的,需要使用sync()去同步HTML数据
那么在什么时候去同步,怎么同步?KindEditor同时提供了方法:
afterBlur
编辑器失去焦点(blur)时执行的回调函数。
数据类型: Function
默认值: 无
最后答案和解决办法:
<script type="text/javascript"> KindEditor.ready(function (K) { window.editor = K.create('#AContent', { afterBlur: function () { this.sync(); } }); }); </script>
相关文章推荐
- KindEditor 当用ajax提交表单时获取不到数据。
- KindEditor使用过程中,用JQ提交表单时,获取不到编辑器的内容
- KindEditor使用过程中,用JQ提交表单时,获取不到编辑器的内容
- 编写HTML表单提交并接受数据信息(获取用户通过表单提交的内容)
- SpringBind对象到页面时,用ajax提交form表单内容,后台无法获取绑定对象问题
- html提交表单,php在后台获取表单内容的方法_例1
- laravel5.4通过ajax提交表单获取到422返回,ajax无法捕获返回内容
- kindeditor 无法提交内容/提交后获取不到内容
- jQuery的ajax表单提交,获取元素内容方法
- Ajax提交表单时kindeditor编辑器中的内容如何赋值给textarea
- .net知识系列之三:(html提交表单的方式,html控件,获取html表单的内容,sql注入,html服务器控件,net服务器控件)
- 简单Ajax实现无刷新提交表单并获取响应
- KindEditor js提交表单(form.submit())获取不到表单值
- form enctype:"multipart/form-data",method:"post" 提交表单,后台获取不到数据
- webBroswer自动提交表单 webBroser过滤某些标签元素 webBroswer截取网页部分内容 webBroswer 获取 iframe里的元素
- JS自动获取Form表单数据并转换成键值对 ajax提交Form
- ajax提交表单时CKEDITOR不实时更新字段内容解决办法
- ajax提交表单内容
- ajax form数据封装,ajax提交整个form表单,ajax 自动获取当前form数据
- ajax请求,一次将表单的内容提交的Action