问

从iframe中的String显示XML作为XMLTree

北京草舞945share 发布于 2023-02-05 11:04

rpc

我从gwt rpc调用获得了一个XML String,我希望将其作为xml页面嵌入到iframe中.我希望看到的是漂亮的打印xml树,它的可折叠结构是浏览器提供的普通html内容.所以说一个xml的inpage视图.

我不能使用iframe的srcdoc属性,因为它不支持IE8(最早需要支持),而下一个问题是不允许使用javascript库.

我尝试了什么:

var iframeDocument = document.querySelector('#foo').contentWindow.document;
iframeDocument.open('text/xml', 'replace'); // Also tested without Args
iframeDocument.write(xmlcontent);
iframeDocument.close();

虽然Firefox至少显示XML标签,但没有格式化,没有树Chrome和IE删除html标签,只是排列内容.

我试过的东西是


</pre>

<p>在这里Firefox完全符合我的要求,而其他产生与以前相同的输出.所以这也没有用,我没有test.xml我只有一个字符串变量以及返回的其他东西...</p>

<p>这甚至可能吗？如果不是,您将如何使用xml String作为内容打开新的弹出窗口？</p>        <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8923551941185667"
                crossorigin="anonymous"></script>
        <ins class="adsbygoogle"
             style="display:block; text-align:center;"
             data-ad-layout="in-article"
             data-ad-format="fluid"
             data-ad-client="ca-pub-8923551941185667"
             data-ad-slot="9961241226"></ins>
        <script>
            (adsbygoogle = window.adsbygoogle || []).push({});
        </script>
    </div>

    
    <div class="q_answer">
        <div class="q_answer_top">撰写答案</div>
        <div class="q_answer_box">
            <form action="https://ask.php1.cn/?s=index/questionAnswer&id=611465" method="post">
                <div class="q_answer_txt">
                    <textarea id="editor1" name="editor1" >回答问题...</textarea>
                </div>
                <script>
                    var config = {
                        extraPlugins: 'codesnippet',
                        codeSnippet_theme: 'monokai_sublime',
                        height: 200
                    };

                    CKEDITOR.replace( 'editor1', config );
                </script>
                <div class="q_answer_bt">
                    <input type="submit" value="提交回答">
                </div>
            </form>
        </div>
    </div>


</div>

    <div class="ask_main_right">
    <div class="ask_add_tips">
        <div class="ask_add_title">今天，你开发时遇到什么问题呢？</div>
        <a href="https://ask.php1.cn/?s=index/add"><div class="ask_add_bt">立即提问</div></a>
    </div>

    <div class="ask_tags">
        <div class="ask_tags_title">热门标签</div>
        <div class="ask_tags_list">
            <ul>
                                <div style="clear:both"></div>
            </ul>
        </div>
    </div>


    
</div>    <div style="clear: both"></div>
</div>

<div style="clear: both"></div>
<div class="bottom">
    PHP1.CN | 中国最专业的PHP中文社区 | <a href="https://www.php1.cn/pngimg/" target="_blank"  title="PNG素材下载">PNG素材下载</a> |  <a href="https://devbox.cn/" target="_blank"  title="DevBox开发工具箱">DevBox开发工具箱</a> | <a href="https://www.json1.cn/" target="_blank"  title="json解析格式化">json解析格式化</a> |<a href="https://news.php1.cn/" title="PHP资讯">PHP资讯</a> | <a href="https://school.php1.cn/" title="PHP教程">PHP教程</a> | <a href="https://database.php1.cn/" title="数据库技术">数据库技术</a> | <a href="https://server.php1.cn/" title="服务器技术">服务器技术</a> | <a href="https://web.php1.cn/" title="前端技术">前端开发技术</a> | <a href="https://www.php1.cn/phpframework.html" title="PHP框架">PHP框架</a> | <a href="https://tools.php1.cn/">开发工具</a>  | <a href="https://www.json1.cn/tools/" title="在线工具">在线工具</a><BR />
    Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved   <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802041100" style="color:#444;"><img src="https://img.json1.cn/3cd4a/21981/c5a/4df0b47476da9030.png"/>京公网安备 11010802041100号</a>  |  <a href="https://beian.miit.gov.cn/" target="_blank">京ICP备19059560号-4</a> | PHP1.CN 第一PHP社区  版权所有 <BR />
     &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</div>
<script>
    (function(){
        var bp = document.createElement('script');
        var curProtocol = window.location.protocol.split(':')[0];
        if (curProtocol === 'https') {
            bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
        }
        else {
            bp.src = 'https://push.zhanzhang.baidu.com/push.js';
        }
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(bp, s);
    })();
</script>

<script type="text/javascript" src="//js.users.51.la/21559097.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shCore.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushBash.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushCpp.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushCSharp.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushCss.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushDelphi.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushDiff.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushGroovy.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushJava.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushJScript.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushPhp.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushPlain.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushPython.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushRuby.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushScala.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushSql.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushVb.js"></script>
<script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushXml.js"></script>
<link type="text/css" rel="stylesheet" href="/style/SyntaxHighlighter/styles/shCore.css"/>
<link type="text/css" rel="stylesheet" href="/style/SyntaxHighlighter/styles/shThemeLiuQing.css"/>
<style>
    .syntaxhighlighter{
        width: 600px;
        padding-top:40px;padding-bottom:20px;
        border: 1px solid #333;
        background: url("/style/SyntaxHighlighter/top_bg.svg");
        background-size: 43px;
        background-repeat: no-repeat;
        margin-bottom: -7px;
        border-radius: 15px;
        background-position: 16px 12px;

    }
    .gutter{
        display: none;
    }
</style>
<script type="text/javascript">
    SyntaxHighlighter.all();
</script>

</body>
</html>