Jquery中文网 www.jquerycn.cn
Jquery中文网 >  jQuery  >  jquery 教程  >  正文 jQuery读取和设定KindEditor值的方法

jQuery读取和设定KindEditor值的方法

发布时间:2014-05-16   编辑:www.jquerycn.cn
这篇文章主要介绍了jQuery读取和设定KindEditor值的方法,大家参考使用吧

在使用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();

您可能感兴趣的文章:
jQuery读取和设定KindEditor值的方法
phpweb更换kindeditor编辑器的过程
KindEditor 实现图文上传方法介绍
php KindEditor文章内分页的实例方法
php中kindeditor多图上传session丢失问题解决
jQuery自动切换/点击切换选项卡效果代码
jQuery .attr()和.removeAttr()方法操作元素属性示例
jQuery获取和设置表单元素的方法
KindEditor编辑器调用方法
jQuery如何获取与设置表单元素

关键词: KindEditor  jQuery   
[关闭]