Prettyprint xml 不突出显示

Question

我正在尝试漂亮地打印一些由 blockly 的自定义安装生成的代码。生成的代码将是 xml，但问题是一旦我尝试使用 google 美化（而不是唯一的，与 higlight.js 相同的问题）来突出显示代码，代码就不会突出显示，我尝试 google 但所有解决方案似乎都不适用于我的问题。

我是这样导入美化库的：

这是代码：

<script language="javascript">
    function showCode() {
        var code = Blockly.JavaScript.workspaceToCode(workspace);
        var element = document.getElementById("codeview");
        var pre_element = document.createElement("pre");
        pre_element.setAttribute("class", "prettyprint");
        pre_element.setAttribute("id", "code_container");
        pre_element.textContent = Blockly.JavaScript.workspaceToCode(workspace);
        //pre_element.appendChild(code_element);
        element.appendChild(pre_element);
        //alert(code);
      }
</script>

生成代码的示例之一是：

<property name='default' />
<property name='default' />
<property name='default' />

现在我不知道问题是我需要在我正在美化的代码段中指定文档类型，还是只是其他原因，例如我需要转义它？两个都？

该应用程序托管在 Spring 引导应用程序上。 Blockly 工作正常，但问题似乎只与语法高亮显示有关。

Answer 1

我猜你不会在 HTML 的 <body> 中调用 prettyprint() 函数。

在追加 pre_element

后调用 prettyprint()

Prettyprint xml 不突出显示

Prettyprint xml not highlighting

javascript

xml

google-code-prettify