国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

jQuery讀取和設定KindEditor值的方法

2019-11-20 21:36:48
字體:
供稿:網(wǎng)友

在使用Kindeditor的時候,想要利用Ajax傳值,但是通過editor封裝的方法是行不通的,原因在于編輯器我們是放在另一個jsp頁面,通過iframe來加載的,同時這個iframe的display="none"的,要通過一個事件來觸發(fā)。

復制代碼 代碼如下:

<iframe src="../common/editor.jsp" frameborder="0" scrolling="no" style="margin: 0"
    width="100%" height="300" name="zwFrame" id="zwFrameId"></iframe>

既然原本方法行不通,那我就只好通過jQuery來獲取了。首先我想到的是讀取內(nèi)容“textarea”里面的內(nèi)容,即:$(“#editor”).html(),但是這樣是獲取不到的。于是我想通過獲取iframe里面的內(nèi)容來獲取,也沒有獲取到,最后通過firefox的debug查看找到最終結(jié)果:


從上面這個圖中可以看出,要獲取“今天天氣很好”這個內(nèi)容,我們只需要獲取指定body里面的內(nèi)容即可。
處理流程:首先獲取最外層的iframe,通過iframe取里面的子元素iframe,在進入一層取里面的body即可。如下:

復制代碼 代碼如下:

var editorText = $(window.frames['zwFrame'].document).find("iframe").contents().find("body");
var contents = editorText.html();

其中contents():查找匹配元素內(nèi)部所有的子節(jié)點(包括文本節(jié)點)。如果元素是一個iframe,則查找文檔內(nèi)容。

下面提供幾種獲取iframe里面元素內(nèi)容的方法:

復制代碼 代碼如下:

$(document.getElementsByTagName("iframe")[0].contentWindow.document.body).html();


顯示iframe中body元素的內(nèi)容
復制代碼 代碼如下:

$(document.getElementById("iframeId").contentWindow.document.body).html();

獲取iframe中textarea元素的內(nèi)容

復制代碼 代碼如下:

$(window.frames["iframeName"].document).find("#textareaId").html();

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 墨竹工卡县| 界首市| 饶阳县| 休宁县| 永仁县| 石棉县| 湛江市| 靖江市| 类乌齐县| 兰考县| 三台县| 乌兰浩特市| 富宁县| 香格里拉县| 阜新市| 皮山县| 琼结县| 溆浦县| 定远县| 丰原市| 庐江县| 贵阳市| 龙海市| 铁岭县| 清水河县| 田东县| 宁阳县| 珠海市| 永清县| 黄浦区| 聊城市| 綦江县| 汝城县| 远安县| 安阳市| 宝坻区| 永定县| 两当县| 丹阳市| 彭州市| 安顺市|