是否可以将 iframe 值放在 textarea 中？答案

【问题标题】：is it possible to put iframe value in textarea?是否可以将 iframe 值放在 textarea 中？
【发布时间】：2017-04-16 12:18:57
【问题描述】：

我在一些网站（例如 Wordpress）中看到，它们具有带有切换选项的富文本编辑器，您可以通过它查看您正在输入的内容的 html 代码。有什么方法可以在 textarea 中查看 iframe 的 src？

<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>

【问题讨论】：

标签： javascript php jquery html iframe

【解决方案1】：

您可以使用 ajax $.get 请求来做到这一点

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

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

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

【讨论】：

我很高兴能帮上忙 :-)

【解决方案2】：

只有当您的iframe 的内容与iframe 之外的 HTML 来自同一服务器时，您才能执行此操作。如果是这样的话，那么：

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

应该可以。如果不是这种情况，那么就不可能做到这一点。有关此here 原因的更多信息。

【讨论】：