龙电竞官网jQuery读取和设定KindEditor值的方法_jquery_脚本之家

2019-11-30 03:16栏目:竞技宝竞猜
TAG:

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

我们先看一下 JQUERY中的对像 contents() 的帮助文件

复制代码 代码如下:

contents()概述查找匹配元素内部所有的子节点。如果元素是一个iframe,则查找文档内容

既然原本方法行不通,那我就只好通过jQuery来获取了。首先我想到的是读取内容“textarea”里面的内容,即:$,但是这样是获取不到的。于是我想通过获取iframe里面的内容来获取,也没有获取到,最后通过firefox的debug查看找到最终结果:从上面这个图中可以看出,要获取“今天天气很好”这个内容,我们只需要获取指定body里面的内容即可。处理流程:首先获取最外层的iframe,通过iframe取里面的子元素iframe,在进入一层取里面的body即可。如下:

示例描述:查找所有文本节点并加粗

复制代码 代码如下:var editorText = $(window.frames['zwFrame'].document).find.find;var contents = editorText.html:查找匹配元素内部所有的子节点。如果元素是一个iframe,则查找文档内容。

HTML 复制代码 代码如下:

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

Hello John, how are you doing?

复制代码 代码如下:$(document.getElementsByTagName[0].contentWindow.document.body).html();显示iframe中body元素的内容复制代码 代码如下:$(document.getElementById.contentWindow.document.body).html();

jQuery 复制代码 代码如下:$.not.wrap;结果:

获取iframe中textarea元素的内容复制代码 代码如下:$(window.frames["iframeName"].document).find;

Hello John, how are you doing?

描述:往一个空框架中加些内容

HTML复制代码 代码如下:

jQuery 复制代码 代码如下:$.find.append;

去掉iframe 的边界 frameborder="0"

1 内容里有两个ifame

复制代码 代码如下:

2 如果内容里面有一个ID为mainiframe的ifame

复制代码 代码如下:

ifame包含一个someID

复制代码 代码如下:

you want to get this content

得到someID的内容

复制代码 代码如下:$.contents.html()html 或者 $.contains.text()值

2 如上面所示 leftiframe中的jQuery操作mainiframe的内容someID的内容

$("#mainframe",parent.document.body).contents.html()或者 $("#mainframe",parent.document.body).contents.val()

Jquery获取到 iframe 所属的父窗口的里面的id为xuan的 标签的

$(window.parent.document).find;//

//js创建 元素 并追加到 父元素的 Iframe中的 元素中的dom操作问题:

iframe中直接调用父窗口中的方法:假设父窗口有个add的方法

self.parent.add();

===============================================================

版权声明:本文由龙竞技官网发布于竞技宝竞猜,转载请注明出处:龙电竞官网jQuery读取和设定KindEditor值的方法_jquery_脚本之家