Highlight.js 不适用于来自 PHP 的回显文本答案

【问题标题】：Highlight.js not working for echo'ed text from PHPHighlight.js 不适用于来自 PHP 的回显文本
【发布时间】：2017-04-21 05:40:17
【问题描述】：

我正在回显来自 PHP 的文本，以通过我的 HTML 页面上的 AJAX 调用加载到我的页面上。我希望 Highlight.js 浏览此文本并为我突出显示语法。但是，它不会突出显示文本。当我直接在 HTML 页面上执行此操作时：

<pre>
    <code id=resultDiv style="text-align:right;">
       <p> int main() </p>
    </code>
</pre>

它有效。 int main() 被突出显示。不过，

echo 
    "int main()";

甚至

echo "<p> int main() </p>"

到相同的 resultDiv 从我的 PHP 文件到页面没有被突出显示。

有解决办法吗？为什么会这样？

【问题讨论】：

【解决方案1】：

如果我理解您的问题，您正在使用 Ajax 从 PHP 页面加载内容。

当使用 highlight.js 时，它将运行您的 html 并在“加载”事件之后突出显示所有内容，但是您的 Ajax 调用在此事件之后异步发生，这意味着内容在 hightlight.js 完成后加载。

highlight.js 有 highlightBlock function 将触发代码高亮传递，在您的情况下，它将类似于以下代码行

hljs.highlightBlock(document.getElementById("resultDiv"));

您必须在将您的内容添加到 DOM 之后放置它

【讨论】：