2010-05-19 31 views
2

我正在使用Jquery Wysiwyg編輯器,並試圖捕獲組成內容區域的html以存儲在數據庫中。無論如何,要獲取元素的html並將其保存爲字符串?我的代碼看起來像tihsjquery-jquery wysiwyg將html作爲字符串返回

<iframe id="wysiwyg_IFrame"> 
    <html> 
     <head></head> 
     <body> 
      <ul> 
       <li>This is a test</li> 
      </ul> 
     </body> 
    </html> 
</iframe> 

我要麼希望得到與<html>....</html>或只是身體<body>...</body>沒有人知道這是可能的開頭的字符串?由於

回答

3

我想出了答案,這是Jquery的所見即所得的可怕文檔中的HTML文件的主體標籤之間的一切。它甚至不在維基文件中的文檔中。爲了讓您只需要使用文本區域中的內容div的名稱和.va(),所以對我來說是

$('#wysiwyg').val(); 

如果你想要一個像我想d,前設置的內容。從DB搶東西,並把它放在jQuery的所見即所得的文本區域在頁面加載時,您需要使用setContent方法,它看起來像這樣

var content = 'place me in the text area'; 
$('#wysiwyg').wysiwyg('setContent', content); 

感謝所有的答案,是的.html ()似乎適用於所有其他情況,但不會與jquery wysiwyg一起使用。

1

您可以通過jQuery的html函數獲取元素的HTML:

var htmlString = $('#wysiwyg_IFrame').html(); 

或者,只需使用一個DOMElement自己innerHTML屬性,它現在的HTML5標準的一部分,它在所有主要的被支持瀏覽器(包括IE   —其實,這是一個微軟創新)年:

var htmlString = $('#wysiwyg_IFrame')[0].innerHTML; 
0

應該作品:

var html = $("#wysiwyg_IFrame body").html(); 
0

var theHTML = $('#wysiwyg_IFrame').html();

0

$('#wysiwyg_IFrame').html()不起作用?

更新:

嘗試.contents()

$('#wysiwyg_IFrame').contents().find('body').html() 

$('#wysiwyg_IFrame').contents().html() 

從文檔:

的如果iframe與主頁位於同一個域,則也可以使用方法來獲取iframe的內容文檔。

+0

由於某種原因,它只是返回一個空字符串。那是我認爲它是,但它不工作。我想知道它是否與jquery wysiwyg編輯器 – McNabbToSkins 2010-05-19 13:04:44

+0

@McNabbToSkins有關:請參閱我的更新答案。 – 2010-05-19 14:22:30

0
$('wysiwyg_IFrame').content().find("body").html() 

返回你的iframe中加載

相關問題