jQuery讀取和設定KindEditor值的方法

在使用kindeditor的時候，想要利用ajax傳值，但是通過editor封裝的方法是行不通的，原因在於編輯器我們是放在另乙個jsp頁面，通過iframe來載入的，同時這個iframe的display="none"的，要通過乙個事件來觸發。

複製****如下:

既然原本方法行不通，那我就只好通過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();