`
王非123
  • 浏览: 24560 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

使用kindeditor时,取不到textarea里面的值

阅读更多
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();}




                });
            });
       
// ]]

分享到:
评论

相关推荐

    kindEditor使用说明书

    如果不需要其他语言版本,可以删除不必要的目录以减小占用空间。 **二、编辑器的HTML集成** 3. **添加编辑器**:在需要展示编辑器的HTML页面中,你需要在合适的位置插入一个`<textarea>`标签。例如: ```html ...

    kindeditor使用说明文档

    3. 拼写检查:虽然KindEditor本身不包含拼写检查功能,但可以通过集成第三方插件实现此功能。 4. 自定义工具栏:你可以根据需要自定义编辑器的工具栏,添加或移除按钮,如: ```javascript toolbar : ['source','|...

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

    在ASP环境中使用KindEditor编辑器时,可能会遇到一个常见问题:无法正确获取编辑器内用户提交的数据。这通常发生在需要将编辑器内的HTML内容作为表单的一部分提交给服务器端处理的情况下。为了解决这个问题,我们...

    kindeditor4网页编辑器使用说明

    6. **失去焦点同步数据(afterBlur)**:当用户离开编辑区域时自动同步编辑器中的内容到原始的`<textarea>`元素。 #### 四、文件上传与管理配置 - **文件上传目录路径($root_path)**:用于指定文件上传的实际...

    kindeditor初始化

    在使用 KindEditor 实现在线编辑的初始化工作时,我们需要理解并掌握一些关键的参数设置。 1. **idTEXTAREA**:这是初始化编辑器时最重要的参数,它定义了与 KindEditor 关联的文本区域(textarea)的 ID。确保这个...

    kindEditor批量传图配置

    在使用kindEditor进行富文本编辑时,批量上传图片是一项非常实用的功能。然而,在实际应用过程中,很多开发者都会遇到一些配置上的难题,尤其是在多图上传方面。本文将详细介绍如何正确配置kindEditor实现多图上传...

    kindeditor

    2. **论坛和博客**:在用户发帖或撰写博客时,KindEditor可以提供富文本输入,增强用户体验。 3. **在线表单**:在需要用户填写大量文本的在线表单中,使用KindEditor可以方便用户添加格式化内容。 4. **企业内部...

    kindEditor使用说明2

    本说明将详细介绍KindEditor的安装、配置、使用以及常见问题解决,帮助开发者更好地集成到自己的项目中。 **1. 安装与引入** 在开始使用KindEditor前,首先需要从官方网站(http://kindeditor.net/download.html)...

    KindEditor_4_帮助文档

    之后,使用KindEditor提供的`K.create`函数来创建编辑器实例,参数为textarea的ID。此函数允许你对编辑器进行配置,如设置CSS路径、过滤模式等。例如: ```javascript var options = { cssPath : '/css/index.css'...

    编辑器 KindEditor 4.0.4

    Bugfix: 浏览器使用有些插件时,上传文件提示不正确。 Bugfix: 单独调用图片功能时,点击重置大小图标报错。 Bugfix: 设置了参数filterMode:true,分页符就会丢失样式。 Bugfix: [FF] 撤销全屏后页面会滚动到...

    HTML在线编辑控件 kindeditor

    <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与...

    配置好的kindeditor3.5.2

    使用这个预配置的KindEditor 3.5.2,开发者只需要将这些文件部署到服务器,然后在HTML页面中引入相应的JavaScript和CSS文件,并通过JavaScript调用编辑器实例,即可快速集成到自己的项目中。例如,在HTML中创建一个...

    HTML编辑器KindEditor的例子

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

    kindeditor在线编辑器asp.net能用版本

    在ASP.NET页面中使用KindEditor,你需要在HTML部分引入KindEditor的JavaScript和CSS文件,并在需要编辑区域的位置插入一个 textarea 标签。然后,在JavaScript部分初始化KindEditor,指定textarea的ID作为编辑器的...

    jquery + kindEditor 单个图片上传

    通过以上介绍,我们可以了解到如何使用jQuery和KindEditor实现单个图片的上传功能。关键在于正确配置KindEditor的各项选项,并利用jQuery处理表单提交过程中的数据交互。此外,还需要关注服务器端的具体实现细节,...

    jsp中kindeditor的用和遇到的问题总结附上项目配置

    在Java服务器页面(JSP)开发中,引入富文本编辑器是常见的需求,KindEditor是一个功能强大、易于使用的开源富文本编辑器。本篇文章将详细阐述如何在JSP项目中集成KindEditor,以及可能遇到的问题及解决方案。 首先...

    kindeditor图片上传

    在本文中,我们将深入探讨如何在项目中实现KindEditor图片上传功能。KindEditor是一款开源的富文本编辑器,它提供了丰富的API和插件,使得用户能够方便地在网页上编辑和上传图片等多媒体内容。 首先,我们需要从...

    kindeditor.js.zip

    使用KindEditor时,开发者通常需要在HTML页面中引入"kindeditor.js"文件,并通过JavaScript代码来实例化编辑器对象,设置编辑器的配置项,如工具栏按钮、初始内容、上传路径等。例如: ```html ...

    kindEditor富文本编辑器(JSP版)

    2. **引入依赖**:将编辑器的静态资源(JS、CSS、图片)文件复制到Web应用的静态资源目录下,例如`/js/kindeditor`,确保Web服务器能正确访问到这些文件。 3. **JSP页面集成**:在需要使用编辑器的JSP页面中,通过`...

    kindeditor 入门介绍

    首先,它具有快速的加载速度,由于体积小巧,用户几乎感觉不到延迟。其次,作为开源软件,KindEditor 的源代码开放,允许开发者进行深度定制和扩展,同时保持了高水平的品质。它的底层基于自定义 DOM 类库,使得对...

Global site tag (gtag.js) - Google Analytics