jQuery读取和设定KindEditor值的方法
转载自:https://www.jb51.net/article/43595.htm 侵删
jQuery读取和设定KindEditor值的方法
更新时间:2013年11月22日 09:03:56 作者: 我要评论
在使用Kindeditor的时候,想要利用Ajax传值,但是通过editor封装的方法是行不通的,原因在于编辑器我们是放在另一个jsp页面,通过iframe来加载的,同时这个iframe的display="none"的,要通过一个事件来触发。
<iframe src="../common/editor.jsp" frameborder="0" scrolling="no" style="margin: 0"
width="100%" height="300" name="zwFrame" id="zwFrameId"></iframe>
既然原本方法行不通,那我就只好通过jQuery来获取了。首先我想到的是读取内容“textarea”里面的内容,即:$(“#editor”).html(),但是这样是获取不到的。于是我想通过获取iframe里面的内容来获取,也没有获取到,最后通过firefox的debug查看找到最终结果:
从上面这个图中可以看出,要获取“今天天气很好”这个内容,我们只需要获取指定body里面的内容即可。
处理流程:首先获取最外层的iframe,通过iframe取里面的子元素iframe,在进入一层取里面的body即可。如下:
var editorText = $(window.frames['zwFrame'].document).find("iframe").contents().find("body");
var contents = editorText.html();
其中contents():查找匹配元素内部所有的子节点(包括文本节点)。如果元素是一个iframe,则查找文档内容。
下面提供几种获取iframe里面元素内容的方法:
$(document.getElementsByTagName("iframe")[0].contentWindow.document.body).html();
显示iframe中body元素的内容
$(document.getElementById("iframeId").contentWindow.document.body).html();
获取iframe中textarea元素的内容
$(window.frames["iframeName"].document).find("#textareaId").html();
//页面关闭时,停止播放富文本中的视频
function stopPlaying(){
let iframes=document.getElementsByTagName("iframe");
for(let i=0;i<iframes.length;i++){
$(iframes[i].contentWindow.document.body).find('video').trigger('pause');
}
}
转载于:https://www.cnblogs.com/zou-rong/p/10172897.html
jQuery读取和设定KindEditor值的方法相关推荐
- ajax加载kindeditor,jQuery读取和设定KindEditor值的方法
在使用Kindeditor的时候,想要利用Ajax传值,但是通过editor封装的方法是行不通的,原因在于编辑器我们是放在另一个jsp页面,通过iframe来加载的,同时这个iframe的displa ...
- HTML给表单元素赋值,JQuery表单元素取值赋值方法总结
一.普通文本框的赋值与取值 1.1.1赋值 jQuery 表单元素取值与赋值方法总结 function get(){ var test1 = $("input.test1").va ...
- python访问注册表_python读取注册表中值的方法
在python的标准库中,_winreg.pyd可以操作windows的注册表,另外第三方的win32库封装了大量的windows api,使用起来也很方便.不过这里介绍的是使用_winreg操作注册 ...
- Jquery获得控件值的方法
一 Jquery获得服务器控件值的方法 由于ASP.NET网页运行后,服务器控件会随机生成客户端id,jquery获取时候不太好操作,google了下,总结有以下3种方法: 服务器控件代码:<a ...
- js/jquery获取文本框的值与改变文本框的值
我们就用它来学习获取文本框的值及改变文本框的值. 代码如下 复制代码 <script> function get1() { document.getElementById("tx ...
- 获取 html class属性,jquery获取class属性的值
jquery获取class属性的值的方法:首先创建一个前端示例文件:然后通过"$('#demo').attr('class');"或者"$('#demo')[0].cla ...
- jquery复选框组清空选中的值_jQuery获取复选框被选中数量及判断选择值的方法详解...
这篇文章主要介绍了jQuery获取复选框被选中数量及判断选择值的方法,结合实例形式分析了jQuery操作复选框进行判定与统计的相关技巧,非常具有实用价值,需要的朋友可以参考下 本文实例讲述了jQuer ...
- VB:读取及设定NumLock/CapsLock/ScrollLock的值
若只是要取得这三个按键 (NumLock / 只要呼叫 GetKeyState API 就可以了! 若是要设定这三个按键的状态,则要呼叫 GetKeyboardState 及 SetKeyboardS ...
- Java黑皮书课后题第7章:7.15(消除重复)使用下面的方法头编写方法,消除数组中重复出现的值。编写一个测试程序,读取10个数,调用该方法,并显示以一个空格分隔的不同数字
7.15(消除重复)使用下面的方法头编写方法,消除数组中重复出现的值.编写一个测试程序,读取10个数,调用该方法,并显示以一个空格分隔的不同数字 题目 题目描述与运行示例 破题 代码 21.11.11 ...
最新文章
- 黑客基础知识与防护(二)
- Mysql数据库按照varchar字符串类型排序和按照int整型类型排序的区别和注意点及解决方案...
- DeepMind助力Waymo!提升自动驾驶AI准确率,还能加快模型训练
- 一个参数一个Excel表,让你玩转Pandas中read_excel()表格读取!
- idea 执行 java jar_使用 Intellij Idea 打包 java 工程为可执行 jar 包-Go语言中文社区...
- mysql+linux+无法启动服务无法启动不了_Linux实例中MySQL服务常见的无法启动或启动异常处理...
- C++_IO与文件5-文件的输入与输出
- 服务器TIME_WAIT和CLOSE_WAIT分析和解决办法
- 北京市计算机自考,【北京自考计算机上机考今起举行】- 环球网校
- 免费图标:来自Samuray的免费电视/电影相关图标
- 3.4 智能手表整体结构设计总结
- 小米摄像头 rtmp_如何使用外部摄像头进行AmazonLive_wotobuy
- vue获取地址栏参数值
- Windows10系统安装与初始化设置
- 无向图全局最小边割集
- Wex5 popOver组件的使用
- JDBC学习笔记——Java语言与数据库的鹊桥
- 使用wireshark抓取ICMP流量包并分析ICMP协议
- 2022新版海螺影视主题模板M3.1版本多功能苹果CMSv10后台自适应模板详解
- 使用mapreduce进行流量汇总程序开发
热门文章
- 虚拟机服务器配置毕业论文,基于Vmware的服务器虚拟化管理-毕业论文.doc
- JAVA反射机制、Class类及动态加载、成员变量构造方法其他方法的反射与调用、代理模式AOP
- 云计算机工作组,边缘云场景、需求与组网架构
- JavaScript函数的两种声明方式(4)
- god is a girl
- html显示python执行的结果_批量执行用例,且结果显示在html中,python控制台也会显示运行过程...
- [leetcode]15. 三数之和
- LuaForUnity2:Lua基本数据类型与符号
- C++文件读写 ifstream ofstream 完成复制文件功能
- 字符串-创建//比较