`

js提交表单kindeditor编辑器textarea为空解决办法

阅读更多

这个是kindeditor4.0以上版本的解决方法。

直接用表单的提交按钮<input type=”submit” value=”提交” />可以得到值。

而通过js的 submit()提交则为空值,解决办法就是在初始化kindeditor时加入一行代码:

afterBlur: function(){this.sync();}

这行代码的意思就是在textarea失去焦点之后执行this.sync();

这个函数就是同步KindEditor的值到textarea文本框。
官方解释:
sync():将编辑器的内容设置到原来的textarea控件里。

具体初始化kindeditor时使用如下:

 

01 <script type=”text/javascript”>
02 KindEditor.ready(function(K){
03 K.create(‘textarea[name="content"]‘, {
04 themeType: ‘simple’,
05 resizeType: 1,
06 uploadJson: ‘common/KEditor/upload_json.php’,
07 fileManagerJson: ‘common/KEditor/file_manager_json.php’,
08 allowFileManager: true,
09         //经测试,下面这行代码可有可无,不影响获取textarea的值
10         //afterCreate: function(){this.sync();}
11         //下面这行代码就是关键的所在,当失去焦点时执行 this.sync();
12         afterBlur: function(){this.sync();}
13 });
14 });
15 </script>
分享到:
评论
1 楼 dai2jiang 2013-04-07  
少了个逗号,后面

相关推荐

    彻底解决asp中KindEditor编辑器无法获得提交的数据

    ### 彻底解决ASP中KindEditor编辑器无法获得提交的数据问题 #### 一、问题背景与概述 在ASP环境中使用KindEditor编辑器时,可能会遇到一个常见问题:无法正确获取编辑器内用户提交的数据。这通常发生在需要将编辑...

    Kindeditor编辑器(.net)配置好了的

    Kindeditor编辑器是一款开源的富文本编辑器,广泛应用于Web内容创作和管理,尤其适合.NET开发者使用。在C#环境中,Kindeditor提供了丰富的功能,包括文本格式化、图片上传、视频插入、表格处理等,使得网页内容编辑...

    JAVA中使用kindeditor实现在线编辑文档

    KindEditor是一款基于JavaScript的WYSIWYG(所见即所得)富文本编辑器,它支持多种浏览器环境,包括Chrome、Firefox、Safari、IE等。编辑器提供了丰富的API和插件系统,可以方便地定制功能和样式,如图片上传、表格...

    在页面应用kindeditor富文本编辑器

    当用户在编辑器中完成编辑并提交表单时,可以通过JavaScript获取编辑器中的HTML内容,例如: ```javascript var editorContent = K('#myEditor').html(); // 发送POST请求到服务器,将editorContent作为内容发送 ``...

    HTML编辑器KindEditor的例子

    在表单提交时,记得将编辑器的内容一起发送到服务器。如果你使用的是ASP.NET MVC,可以在控制器中通过`Request.Form["content"]`来获取。 6. **图片和文件上传**:KindEditor提供了内置的文件上传功能。你需要在...

    kindeditor 富文本编辑器,简单易用

    在这个例子中,`KindEditor.ready`是初始化编辑器的函数,`K.create`用于创建编辑器实例,并指定一个ID为`content`的textarea作为编辑区域。`uploadJson`属性用于配置文件上传的处理脚本,例如`upload.php`,你需要...

    HTML在线编辑控件 kindeditor

    KindEditor是由韩国KindSoftware公司开发的一款轻量级、高性能的JavaScript富文本编辑器。它支持多语言,包括中文,且提供了丰富的API和插件扩展机制,能够满足多样化的开发需求。KindEditor-3.5.1-zh_CN版本为中文...

    SpringMVC整合KindEditor上传文件的处理

    在Spring MVC框架中整合KindEditor进行文件上传是一个常见的需求,特别是在构建富文本编辑器功能时。KindEditor是一款轻量级且功能丰富的JavaScript富文本编辑器,而Spring MVC是Java后端常用的MVC框架,用于处理...

    KindEditor+jsp

    因此,当用户完成编辑并提交表单时,必须通过JavaScript调用KindEditor的`sync()`方法,将编辑器内的内容同步到与之关联的textarea元素,这样才能确保数据能够正确地传递到服务器端。 例如,在JSP页面中,你可能会...

    kindeditor

    KindEditor是一款功能强大的开源在线富文本编辑器,适用于网页中的文字编辑需求。它以其易用性、兼容性和可扩展性而受到开发者的广泛欢迎。在本文中,我们将深入探讨KindEditor的基本特性和如何在实际项目中应用它。...

    jquery + kindEditor使用

    ### jQuery + KindEditor 使用详解 ...综上所述,结合jQuery与KindEditor可以实现一个功能强大的在线文本编辑器,为用户提供良好的编辑体验。开发者可以根据实际需求调整配置项,实现更多个性化功能。

    JQ JS javascript layui UI框架 富文本 编辑器

    富文本编辑器是网页开发中常见的一种工具,它允许用户在网页上进行类似Word的文本编辑,然后将编辑好的内容保存或提交到服务器。在本主题中,我们主要讨论的是结合JQuery(JQ)、JavaScript(JS)以及layui UI框架...

    kindeditor示例

    接着,为了在Struts2中使用KindEditor,我们需要创建一个表单,包含一个`&lt;textarea&gt;`元素,这个元素将被KindEditor替换。例如: ```html &lt;textarea id="content" name="content"&gt;&lt;/textarea&gt; 提交" /&gt; ``` ...

    kindeditor.js.zip

    KindEditor是一款功能强大的开源JavaScript富文本编辑器,广泛应用于网页内容编辑、表单填写等场景。这个名为"kindeditor.js.zip"的压缩包文件包含了该编辑器的核心组件和相关资源,主要用于实现网页中的文本编辑...

    KindEditor配置

    2. **初始化编辑器**:在HTML中创建一个`&lt;textarea&gt;`元素作为编辑器的基础容器,然后通过JavaScript调用KindEditor的`create()`或`attach()`方法来初始化编辑器。例如: ```javascript KindEditor.create('...

    jquery + kindEditor 单个图片上传

    - 使用JavaScript初始化KindEditor编辑器实例。 ```javascript KindEditor.ready(function(K) { var editor = K.create('textarea[name="content"]'); }); ``` 3. **功能定制**: - 可以通过修改`...

    kindeditor-4.1.10 asp.net实例

    5. **获取编辑器内容**:在提交表单时,你可以通过JavaScript获取编辑器的内容,然后通过隐藏字段传递到服务器。在ASP.NET后台,可以通过`HiddenContent.Value`获取到编辑器的内容。 6. **显示内容**:如果需要显示...

Global site tag (gtag.js) - Google Analytics