麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > JavaScript > 正文

jQuery讀取和設定KindEditor值的方法

2019-11-20 21:36:48
字體:
來源:轉載
供稿:網友

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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 黄色一级片在线免费观看 | 亚洲欧洲av在线 | 日本在线看片 | 久草在线免费看 | 欧美亚洲一区二区三区四区 | 欧美激情第一区 | 日本一道aⅴ不卡免费播放 久久久久久久高清 | 九色国产 | 国产一区二区三区网站 | 永久免费不卡在线观看黄网站 | 最新av在线播放 | 欧美偷拍一区二区 | av观看国产| 色综合激情 | 精品视频在线免费看 | 免费国产a | av手机在线免费播放 | 亚洲va久久久噜噜噜久久男同 | 国产乱乱视频 | 精品久久久久久综合日本 | 欧美黄色片一级 | 久久成人免费网站 | 成年片在线观看 | 精品国产乱码久久久久久丨区2区 | 色戒在线版 | 日本在线播放一区二区 | 亚洲精品 在线播放 | 国产亚洲高清视频 | 美女黄网站免费观看 | 斗破苍穹在线免费 | 午夜视频在线 | 欧美精品激情在线 | 欧美14一15sex性hd | 欧美成人精品欧美一级 | 欧美精品免费一区二区三区 | 日日狠狠久久偷偷四色综合免费 | 最新av免费网址 | 草莓福利视频在线观看 | 日本在线观看中文字幕 | 亚洲小视频网站 | 麻豆一二区 |