欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jQuery讀取和設(shè)定KindEditor值的方法

 更新時(shí)間：2013年11月22日 09:03:56   作者：  
這篇文章主要介紹了jQuery讀取和設(shè)定KindEditor值的方法，大家參考使用吧

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

復(fù)制代碼 代碼如下:

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

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


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

復(fù)制代碼 代碼如下:

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

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

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

復(fù)制代碼 代碼如下:

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


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

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

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

復(fù)制代碼 代碼如下:

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

相關(guān)文章

最新評(píng)論