iframe値をテキストエリアに入れることは可能ですか？

Question

Wordpressのようないくつかのウェブサイトで、あなたが入力しているもののHTMLコードを見ることができるトグルオプション付きのリッチテキストエディタがあることがわかりました。テキストエリア内のiframeのsrcを見ることができますか？ iframe外のHTMLがそうであるように、あなたのiframeのコンテンツ場合にのみこれを行うことができ

<textarea name="textarea" id="textarea"></textarea> 
<iframe name="editor"style="width:600px;height:500px"id="iframe"></iframe> 
<input type ="button"id="btn"value="btn"/> 

<script> 
     editor.document.designMode='on'; 
     $("#btn").click(function(){ 
       $("#textarea").val($("#iframe").val()); 
     }) 
</script> 

Answer 1

あなたは、AJAX $.get要求

$("#btn").click(function(){ 
    var iframe_url = $("#iframe").attr('src'); 

    $("#textarea").val('loading...'); 

    $.get(iframe_url, {}, function(response){ 
     $("#textarea").val(response); 
    }); 
}); 

Answer 2

が同じサーバから来ています。この場合は、

$('#iframe').contents().find('html').html(); 

となります。そうでない場合は、これを行うことは不可能です。この理由の詳細はhereです。