这个是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" ]‘, {
|
06 |
uploadJson: ‘common/KEditor/upload_json.php’, |
07 |
fileManagerJson: ‘common/KEditor/file_manager_json.php’, |
08 |
allowFileManager: true ,
|
12 |
afterBlur: function (){ this .sync();}
|
分享到:
相关推荐
### 彻底解决ASP中KindEditor编辑器无法获得提交的数据问题 #### 一、问题背景与概述 在ASP环境中使用KindEditor编辑器时,可能会遇到一个常见问题:无法正确获取编辑器内用户提交的数据。这通常发生在需要将编辑...
Kindeditor编辑器是一款开源的富文本编辑器,广泛应用于Web内容创作和管理,尤其适合.NET开发者使用。在C#环境中,Kindeditor提供了丰富的功能,包括文本格式化、图片上传、视频插入、表格处理等,使得网页内容编辑...
KindEditor是一款基于JavaScript的WYSIWYG(所见即所得)富文本编辑器,它支持多种浏览器环境,包括Chrome、Firefox、Safari、IE等。编辑器提供了丰富的API和插件系统,可以方便地定制功能和样式,如图片上传、表格...
当用户在编辑器中完成编辑并提交表单时,可以通过JavaScript获取编辑器中的HTML内容,例如: ```javascript var editorContent = K('#myEditor').html(); // 发送POST请求到服务器,将editorContent作为内容发送 ``...
在表单提交时,记得将编辑器的内容一起发送到服务器。如果你使用的是ASP.NET MVC,可以在控制器中通过`Request.Form["content"]`来获取。 6. **图片和文件上传**:KindEditor提供了内置的文件上传功能。你需要在...
- **编辑器内容丢失**:确保在提交表单时,正确地将编辑器内容传递给服务器。 - **图片上传失败**:检查上传路径、文件权限和CORS设置。 - **样式显示异常**:确认CSS文件是否正确引入,以及与编辑器的样式冲突。 ...
在这个例子中,`KindEditor.ready`是初始化编辑器的函数,`K.create`用于创建编辑器实例,并指定一个ID为`content`的textarea作为编辑区域。`uploadJson`属性用于配置文件上传的处理脚本,例如`upload.php`,你需要...
KindEditor是由韩国KindSoftware公司开发的一款轻量级、高性能的JavaScript富文本编辑器。它支持多语言,包括中文,且提供了丰富的API和插件扩展机制,能够满足多样化的开发需求。KindEditor-3.5.1-zh_CN版本为中文...
在Spring MVC框架中整合KindEditor进行文件上传是一个常见的需求,特别是在构建富文本编辑器功能时。KindEditor是一款轻量级且功能丰富的JavaScript富文本编辑器,而Spring MVC是Java后端常用的MVC框架,用于处理...
因此,当用户完成编辑并提交表单时,必须通过JavaScript调用KindEditor的`sync()`方法,将编辑器内的内容同步到与之关联的textarea元素,这样才能确保数据能够正确地传递到服务器端。 例如,在JSP页面中,你可能会...
KindEditor是一款功能强大的开源在线富文本编辑器,适用于网页中的文字编辑需求。它以其易用性、兼容性和可扩展性而受到开发者的广泛欢迎。在本文中,我们将深入探讨KindEditor的基本特性和如何在实际项目中应用它。...
在提交表单前,确保调用`editor.sync()`将编辑器内容同步回textarea,以便服务器能接收到正确的内容。如果使用form提交,KindEditor会自动在onsubmit事件中执行sync,所以通常无需手动处理。 KindEditor的初始化...
### jQuery + KindEditor 使用详解 ...综上所述,结合jQuery与KindEditor可以实现一个功能强大的在线文本编辑器,为用户提供良好的编辑体验。开发者可以根据实际需求调整配置项,实现更多个性化功能。
富文本编辑器是网页开发中常见的一种工具,它允许用户在网页上进行类似Word的文本编辑,然后将编辑好的内容保存或提交到服务器。在本主题中,我们主要讨论的是结合JQuery(JQ)、JavaScript(JS)以及layui UI框架...
接着,为了在Struts2中使用KindEditor,我们需要创建一个表单,包含一个`<textarea>`元素,这个元素将被KindEditor替换。例如: ```html <textarea id="content" name="content"></textarea> 提交" /> ``` ...
KindEditor是一款功能强大的开源JavaScript富文本编辑器,广泛应用于网页内容编辑、表单填写等场景。这个名为"kindeditor.js.zip"的压缩包文件包含了该编辑器的核心组件和相关资源,主要用于实现网页中的文本编辑...
2. **初始化编辑器**:在HTML中创建一个`<textarea>`元素作为编辑器的基础容器,然后通过JavaScript调用KindEditor的`create()`或`attach()`方法来初始化编辑器。例如: ```javascript KindEditor.create('...
- 使用JavaScript初始化KindEditor编辑器实例。 ```javascript KindEditor.ready(function(K) { var editor = K.create('textarea[name="content"]'); }); ``` 3. **功能定制**: - 可以通过修改`...