jQuery读取和设定KindEditor值的方法
在使用kindeditor的时候,想要利用ajax传值,但是通过editor封装的方法是行不通的,原因在于编辑器我们是放在另一个页面,通过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();
上一篇: r和R
推荐阅读
-
jQuery读取和设定KindEditor值的方法
-
jQuery操作select下拉框的text值和value值的方法
-
JavaScript和JQuery获取DIV值的方法示例
-
开始菜单中设定程序访问和默认值的两种删除方法介绍
-
JavaScript和JQuery获取DIV值方法的示例代码分享
-
使用jquery读取html5 localstorage的值的方法
-
jquery获取选中的文本和值的方法_jquery
-
Jquery获取和修改img的src值的方法
-
jquery获取选中的文本和值的方法_jquery
-
做编辑,jquery和PHP,从后台根据ID读取的值,编辑前面的checkbox和select,怎么根据从后台取出的值,让对应的checkbox和option为选中状态、