• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >jquery > jQuery读取和设定KindEditor值的方法

jQuery读取和设定KindEditor值的方法

作者: 字体:[增加 减小] 来源:互联网 时间:2017-08-16

通过本文主要向大家介绍了KindEditor,jQuery等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

在使用Kindeditor的时候,想要利用Ajax传值,但是通过editor封装的方法是行不通的,原因在于编辑器我们是放在另一个jsp页面,通过iframe来加载的,同时这个iframe的display="none"的,要通过一个事件来触发。

既然原本方法行不通,那我就只好通过jQuery来获取了。首先我想到的是读取内容“textarea”里面的内容,即:$(“#editor”).html(),但是这样是获取不到的。于是我想通过获取iframe里面的内容来获取,也没有获取到,最后通过firefox的debug查看找到最终结果:


从上面这个图中可以看出,要获取“今天天气很好”这个内容,我们只需要获取指定body里面的内容即可。
处理流程:首先获取最外层的iframe,通过iframe取里面的子元素iframe,在进入一层取里面的body即可。如下:

其中contents():查找匹配元素内部所有的子节点(包括文本节点)。如果元素是一个iframe,则查找文档内容。

下面提供几种获取iframe里面元素内容的方法:

获取iframe中textarea元素的内容

分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • jQuery弹出下拉列表插件(实现kindeditor的@功能)
  • jQuery读取和设定KindEditor值的方法

相关文章

  • 2017-08-16jQuery中队列queue()函数的实例教程
  • 2017-08-16jQuery下拉美化搜索表单效果代码分享
  • 2017-08-16jquery中取消和绑定hover事件的实现代码
  • 2017-08-16分享两款带遮罩的jQuery弹出框
  • 2017-08-16jquery $.each 和for怎么跳出循环终止本次循环
  • 2017-08-16基于jquery的多彩百分比 动态进度条 投票效果显示效果实现代码
  • 2017-08-16使用jquery动态加载Js文件和Css文件
  • 2017-08-16jQuery表格行换色的三种实现方法
  • 2017-08-16jQuery中click事件用法实例
  • 2017-08-16jQuery选择器源码解读(八):addCombinator函数

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • jquery tools 系列 scrollable学习
    • jQuery实现倒计时重新发送短信验证码功能示例
    • Tab页界面 用jQuery及Ajax技术实现(php后台)
    • jQuery toggle 代替方法
    • jquery购物车实时结算特效实现思路
    • jQuery实现一个简单的验证码功能
    • 如何使用HTML5地理位置定位功能
    • jQuery简单实现仿京东商城的左侧菜单效果代码
    • 让checkbox不选中即将选中的checkbox不选中
    • jQuery实现三级菜单的代码

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有