jQueryを使用してiframeのhtmlコンテンツを取得する

Question

現在、私は、js/jQueryを使用してアクセスしようとしているFCKEditorを使用して、OpenCms（JavaベースのオープンソースCMS）を少しカスタマイズしようとしています。

私はiframeのhtmlコンテンツを取得しようとしますが、常に返品としてnullが返されます。 これは私がIFRAMEからHTMLコンテンツを取得しようとする方法である：スクリーンショットを見て

var editFrame = document.getElementById('ta_OpenCmsHtml.LargeNews_1_.Teaser_1_.0___Frame'); 
alert($(editFrame).attr('id'));   // returns the correct id 
alert($(editFrame).contents().html()); // returns null (!!) 

、私がアクセスできるようにすると、現在の値を保持している「LargeNews1 /ティーザー」HTMLセクション、「Newslineですエン... "。 以下、Firebugのhtml構造を見ることができます。

しかし、$(editFrame).contents().html()はnullを返し、理由はわかりませんが、$(editFrame).attr('id')は正しいIDを返します。

iframeのコンテンツ/ FCKEditorは同じサイト/ドメインにあり、サイト間の問題はありません。 IFRAMEの

HTMLコードがhttp://pastebin.com/hPuM7VUzで

が更新されます

は、ここに機能するソリューションです：

var editArea = document.getElementById('ta_OpenCmsHtml.LargeNews_1_.Teaser_1_.0___Frame').contentWindow.document.getElementById('xEditingArea');       
$(editArea).find('iframe:first').contents().find('html:first').find('body:first').html('some <b>new</b><br/> value'); 

Answer 1

.contents（）HTML（）は、IFRAMEのHTMLコードを取得するために動作しません。あなたはそれを得るために以下を行うことができます：

$(editFrame).contents().find("html").html(); 

それはiframeのすべてのhtmlを返します。あるいは、 "html"の代わりに "body"や "head"を使ってそれらのセクションを取得することもできます。

Answer 2

私はFCKEditorのは、独自のAPI参照を持っていると思いますhttp://cksource.com/forums/viewtopic.php?f=6&t=8368

Answer 3

は私が最初の行を置き換える提案：

var editFrame = $('#ta_OpenCmsHtml.LargeNews_1_.Teaser_1_.0___Frame'); 

...と第二警告発現と：

editFrame.html() 

一方で、あなたはワット同じことを達成することを好む、場合/ Oのjqueryの（多くのクーラー、私見では）だけではJavaScriptを使用することができます。

var editFrame = document.getElementById('ta_OpenCmsHtml.LargeNews_1_.Teaser_1_.0___Frame'); 
    alert(editFrame.innerHTML); 

Answer 4

あなたは

$('#iframeID').contents().find('#someID').html(); 

などのコンテンツを取得することができますが、フレームはhttp://simple.procoding.net/2008/03/21/how-to-access-iframe-in-jquery/

Answer 5

あなたのiframeを参照してください。同じドメイン内にする必要があります：

<iframe style="width: 100%; height: 100%;" frameborder="0" aria-describedby="cke_88" title="Rich text editor, content" src="" tabindex="-1" allowtransparency="true"/> 

私たちは、こののiframeからデータを取得することができますとして：

var content=$("iframe").contents().find('body').html(); 
alert(content);