`

jquery无法获取kindeditor编辑器中textarea值的解决办法

阅读更多

jsp页面:

 <script>
  KindEditor.ready(function(K) {
   K.create('textarea[id="content2"]', {
    cssPath : '${pageContext.request.contextPath}/resources/kindeditor/plugins/code/prettify.css',
    uploadJson : '${pageContext.request.contextPath}/resources/kindeditor/jsp/upload_json.jsp',
    fileManagerJson : '${pageContext.request.contextPath}/resources/kindeditor/jsp/file_manager_json.jsp',
    afterBlur: function(){this.sync();//假如没有这一句,获取到的id为content的值空白}
   });
   prettyPrint();
  });
 </script>

<textarea id="content“ textarea>

<script type="text/javascript">

$("#content").val();

 </script>

 

 

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

这一句的作用:当失去焦点时执行 this.sync();
这个函数作用是同步KindEditor的值到textarea文本框。
官方文档解释:
sync()
将编辑器的内容设置到原来的textarea控件里。
参数: 无

0
0
分享到:
评论

相关推荐

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

    ### 彻底解决ASP中KindEditor编辑器无法获得提交的数据问题 ...通过以上步骤,可以在ASP环境中成功地使用KindEditor编辑器,并且能够正确地获取编辑器中提交的数据,从而解决无法获取提交数据的问题。

    jquery + kindEditor使用

    本文将详细介绍如何结合jQuery和KindEditor实现文本编辑器的加载、显示及使用。 #### 二、基本配置 1. **引入必要的JS文件**: - 首先,需要在HTML文件中引入KindEditor的核心文件`kindeditor-all.js`。 - 同时...

    jquery + kindEditor 单个图片上传

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

    jQuery读取和设定KindEditor值的方法

    通过上述知识点,可以理解文档主要讲述了在特定页面结构(iframe嵌套)下,使用jQuery来读取和修改KindEditor编辑器内容的技巧和方法。这通常用于那些需要在后台管理界面中对编辑器内容进行动态处理的Web应用开发。

    HTML在线编辑控件 kindeditor

    KindEditor提供了一系列的API,可以进行如获取/设置内容、上传图片、创建子编辑器等操作。同时,它也支持丰富的插件扩展,如图床插件、Markdown编辑插件等,可以根据项目需求选择或开发合适的插件。 **5. 示例与...

    十大web编辑器之KindEdit编辑器使用方法

    KindEdit编辑器使用方法详细说明 KindEdit编辑器是一款功能强大且易于使用的Web编辑器,以下是其使用方法的详细说明: 安装KindEdit编辑器 首先,需要下载KindEdit编辑器的最新版本,然后解压kindeditor-x.x.x....

    编辑器使用方法

    使用`KindEditor.ready()`函数和`K.create()`方法来创建编辑器实例。`K.create()`的第一个参数是选择器,用于定位textarea,第二个参数可用来配置编辑器。例如,你可以设置CSS路径、是否开启过滤模式等。如果需要...

    KindEditor 4.x 在线编辑器常用方法小结

    本文针对KindEditor 4.x 版本的常用方法进行了小结,帮助使用者更好地理解和使用该编辑器。 1. 修改默认后台程序处理文件 在使用KindEditor时,如果需要修改默认的后台程序处理上传的文件,需要操作的是plugins...

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

    在富文本编辑器中,JQuery通常用于DOM操作,如获取或设置元素内容,监听用户交互,以及触发动画效果。 JavaScript,简称JS,是Web开发的核心语言,用于增加网页的动态功能。在富文本编辑器中,JavaScript负责实现...

    KindEditor使用说明书-整理后

    为了获取编辑器中的HTML内容,可以使用以下方法之一: - **直接获取HTML内容**: ```javascript // 取得HTML内容 var html = editor.html(); // 同步数据后可以直接取得textarea的value editor.sync(); var ...

    jquery动态添加删除(tr/td)

    ` 这段代码用于在页面上创建一个KindEditor编辑器实例。 - 上传控件 `SWFUpload` 的初始化代码表明,需要在页面加载完成后进行初始化。 5. 标签和描述: - 标签中提到的“jquery 添加删除 tr td”说明了文档主要...

    asp增加kindeditor删除图片功能

    这里,`editor.selection.imageUrl()`获取选中图片的URL,`editor.destroyImage()`则从编辑器中移除图片。 6. **安全考虑**: 在处理图片上传和删除时,要注意安全性问题,如防止路径遍历攻击,确保只有授权用户...

    KindEditor.docx

    - 当用户完成编辑并提交时,需要从KindEditor获取富文本内容,通常是通过JavaScript获取`textarea`的值。 - 将获取到的内容与表单的其他数据一起发送到服务器进行处理。 KindEditor的灵活性和易用性使其成为各种...

    spring-boot-easyui-kindeditor整合源码

    在本文中,我们将深入探讨如何将Spring Boot、EasyUI和KindEditor这三者进行整合,以便在基于Spring Boot的应用程序中实现一个功能丰富的富文本编辑器。Spring Boot是Java领域中一个快速开发框架,它简化了Spring...

    kindeditor图片上传 struts2实现

    KindEditor是一款开源的JavaScript富文本编辑器,常用于网页内容编辑和管理,它提供了丰富的API和自定义功能,使得用户可以方便地在网页上编辑文本、插入图片、创建链接等。Struts2则是一个基于MVC设计模式的Java ...

    jquery-emotion.zip

    《jQuery Emotion:一款强大的文本编辑器表情插件》 在网页开发中,尤其是在社交、论坛或者博客等需要用户输入文字的场景下,提供表情功能已经变得非常普遍。`jquery-emotion.zip` 提供的正是这样一款适用于...

    mvc+easyui 开发过程中遇到的问题已解决

    - 在MVC中,默认情况下,如果Action方法中直接调用`return View()`,则会返回当前视图。 - 若要返回其他指定视图,需要明确指定视图名称,如`return View("MyOtherView")`。 5. **获取后台数据** - 使用Razor...

    php168加载丰富文本框(插件技术)

    - `visibility` 设置为`hidden`是因为实际显示的是KindEditor编辑器,而不是原始的`&lt;textarea&gt;`。 #### CSS样式设置 为了让KindEditor与页面设计更好地融合,通常需要定义一些CSS样式。例如,`common.css`文件可以...

    easyui学习经验

    此外,文本编辑器还涉及到数据的交互,例如在表格中双击行时获取`Descript`字段的数据并显示在编辑器中: ```javascript $("#gridTable").datagrid({ onDblClickRow: function (rowIndex, rowData) { editor.html...

Global site tag (gtag.js) - Google Analytics