Javascript 无法使用highlight.js以正确的顺序呈现XML

我试图使用highlight.js突出显示XML

这是一个例子

但我面临两个问题：

在上面的示例中，自动关闭元素呈现为非自动关闭标记author元素。 也未呈现XML编码属性。 我尝试过用/>替换/>来实现escape方法，但它并没有按预期的方式工作

示例：预期的XML

<?xml version="1.0"?>
<catalog>
  <book id="bk112">
     <author id="1"/>
     <title>Visual Studio 7: A Comprehensive Guide</title>         
  </book>
</catalog>

实际XML

  <catalog>
   <book id="bk112">
     <author id="1">
     <title>Visual Studio 7: A Comprehensive Guide</title>       
    </author>
   </book>
  </catalog>

有没有办法纠正这种行为。

在这种情况下，代码标签将被解析为HTML。为了避免这种情况，您可以使用textarea

作用{ var el=document.querySelector.xml， pre=document.querySelectorpre； pre.innerText=el.value； hljs.highlightBlockpre； }; VisualStudio7：综合指南