Question

我在一些网站上看到过，例如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>

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的内容来自iframe之外的HTML，则只能来自同一服务器。如果是这种情况，那么：

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

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

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

2 个答案: