http://zzs223224.blog.163.com/blog/static/1789655220142231154912/
使用kindeditor时,取不到textarea里面的值,网上搜了一下,同样问题还真不少,按照下面这位仁兄的解决办法解决,保存下几种; -------------------------------------------------------------------------------------------------------------------- 做项目,发帖用到了kindeditor, 好用,确实好用。 可是.. 可是... 提交以后 POST 中少了最重要的 textarea 这个值...... 3变检查,1遍重写后问题依旧。 终于熬到12点能上网,查了查才发现 解决方法这么简单。 下面附上编辑器的JS代码:
// <![CDATA[
var editor;
KindEditor.ready(function(K) {
editor = K.create('textarea[name="replycontents"]', {
allowFileManager : true ,
//设置编辑器为简单模式
items : [
'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold', 'italic', 'underline',
'removeformat', '|', 'justifyleft', 'justifycenter', 'justifyright', 'insertorderedlist',
'insertunorderedlist', '|', 'emoticons', 'image', 'link'],
//下面这行代码就是关键的所在,当失去焦点时执行 this.sync();
afterBlur:function(){this.sync();}
});
});
// ]]
分享到:
相关推荐
如果不需要其他语言版本,可以删除不必要的目录以减小占用空间。 **二、编辑器的HTML集成** 3. **添加编辑器**:在需要展示编辑器的HTML页面中,你需要在合适的位置插入一个`<textarea>`标签。例如: ```html ...
3. 拼写检查:虽然KindEditor本身不包含拼写检查功能,但可以通过集成第三方插件实现此功能。 4. 自定义工具栏:你可以根据需要自定义编辑器的工具栏,添加或移除按钮,如: ```javascript toolbar : ['source','|...
在ASP环境中使用KindEditor编辑器时,可能会遇到一个常见问题:无法正确获取编辑器内用户提交的数据。这通常发生在需要将编辑器内的HTML内容作为表单的一部分提交给服务器端处理的情况下。为了解决这个问题,我们...
6. **失去焦点同步数据(afterBlur)**:当用户离开编辑区域时自动同步编辑器中的内容到原始的`<textarea>`元素。 #### 四、文件上传与管理配置 - **文件上传目录路径($root_path)**:用于指定文件上传的实际...
在使用 KindEditor 实现在线编辑的初始化工作时,我们需要理解并掌握一些关键的参数设置。 1. **idTEXTAREA**:这是初始化编辑器时最重要的参数,它定义了与 KindEditor 关联的文本区域(textarea)的 ID。确保这个...
在使用kindEditor进行富文本编辑时,批量上传图片是一项非常实用的功能。然而,在实际应用过程中,很多开发者都会遇到一些配置上的难题,尤其是在多图上传方面。本文将详细介绍如何正确配置kindEditor实现多图上传...
2. **论坛和博客**:在用户发帖或撰写博客时,KindEditor可以提供富文本输入,增强用户体验。 3. **在线表单**:在需要用户填写大量文本的在线表单中,使用KindEditor可以方便用户添加格式化内容。 4. **企业内部...
本说明将详细介绍KindEditor的安装、配置、使用以及常见问题解决,帮助开发者更好地集成到自己的项目中。 **1. 安装与引入** 在开始使用KindEditor前,首先需要从官方网站(http://kindeditor.net/download.html)...
之后,使用KindEditor提供的`K.create`函数来创建编辑器实例,参数为textarea的ID。此函数允许你对编辑器进行配置,如设置CSS路径、过滤模式等。例如: ```javascript var options = { cssPath : '/css/index.css'...
Bugfix: 浏览器使用有些插件时,上传文件提示不正确。 Bugfix: 单独调用图片功能时,点击重置大小图标报错。 Bugfix: 设置了参数filterMode:true,分页符就会丢失样式。 Bugfix: [FF] 撤销全屏后页面会滚动到...
<textarea id="editor"></textarea> <script src="path/to/jquery.js"></script> <script src="path/to/kindeditor-all.js"> KindEditor.ready(function(K) { K.create('#editor'); }); ``` **4. API与...
使用这个预配置的KindEditor 3.5.2,开发者只需要将这些文件部署到服务器,然后在HTML页面中引入相应的JavaScript和CSS文件,并通过JavaScript调用编辑器实例,即可快速集成到自己的项目中。例如,在HTML中创建一个...
在表单提交时,记得将编辑器的内容一起发送到服务器。如果你使用的是ASP.NET MVC,可以在控制器中通过`Request.Form["content"]`来获取。 6. **图片和文件上传**:KindEditor提供了内置的文件上传功能。你需要在...
在ASP.NET页面中使用KindEditor,你需要在HTML部分引入KindEditor的JavaScript和CSS文件,并在需要编辑区域的位置插入一个 textarea 标签。然后,在JavaScript部分初始化KindEditor,指定textarea的ID作为编辑器的...
通过以上介绍,我们可以了解到如何使用jQuery和KindEditor实现单个图片的上传功能。关键在于正确配置KindEditor的各项选项,并利用jQuery处理表单提交过程中的数据交互。此外,还需要关注服务器端的具体实现细节,...
在Java服务器页面(JSP)开发中,引入富文本编辑器是常见的需求,KindEditor是一个功能强大、易于使用的开源富文本编辑器。本篇文章将详细阐述如何在JSP项目中集成KindEditor,以及可能遇到的问题及解决方案。 首先...
在本文中,我们将深入探讨如何在项目中实现KindEditor图片上传功能。KindEditor是一款开源的富文本编辑器,它提供了丰富的API和插件,使得用户能够方便地在网页上编辑和上传图片等多媒体内容。 首先,我们需要从...
使用KindEditor时,开发者通常需要在HTML页面中引入"kindeditor.js"文件,并通过JavaScript代码来实例化编辑器对象,设置编辑器的配置项,如工具栏按钮、初始内容、上传路径等。例如: ```html ...
2. **引入依赖**:将编辑器的静态资源(JS、CSS、图片)文件复制到Web应用的静态资源目录下,例如`/js/kindeditor`,确保Web服务器能正确访问到这些文件。 3. **JSP页面集成**:在需要使用编辑器的JSP页面中,通过`...
首先,它具有快速的加载速度,由于体积小巧,用户几乎感觉不到延迟。其次,作为开源软件,KindEditor 的源代码开放,允许开发者进行深度定制和扩展,同时保持了高水平的品质。它的底层基于自定义 DOM 类库,使得对...