如何对来自 JSON 的代码进行语法高亮显示答案

【问题标题】：How to do Syntax highlighting on code coming from JSON如何对来自 JSON 的代码进行语法高亮显示
【发布时间】：2016-05-14 16:10:17
【问题描述】：

我需要 Alex Gorbatchev 的语法高亮方面的帮助。实际上，我将一些代码 sn-p 保存在 JSON 文件中，然后进行 AJAX 调用以通过 JQuery 在某个 div 内的 JSP 中呈现它。但是语法突出显示不起作用。如果我直接输入文本，那么它可以工作，但是我的 webapp 中的内容是动态加载的！查看下面调试器中的代码：

火狐

铬

【问题讨论】：

我不认为你可以在 chrome 开发工具中对字符串进行语法高亮显示，但是在实际页面上它是什么样的？
不清楚你在问什么。在常规浏览器中测试您的 AJAX 调用以查看它们返回的数据。您是否想弄清楚为什么在您的第二个 sn-p 中有随机的 == %0 "？看看 AJAX 实际返回的是什么
@DBS 该代码在通过 Jquery 呈现时以纯文本形式出现，但是在放置静态文本时，即使存在对齐等一些样式问题，它也会突出显示。
@mmcrae 也可以查看 firefox 元素！我不认为那是问题，因为静态代码被突出显示。 AJAX 调用响应很好。
@mmcrae - == %0 由 chrome 工具添加，表示 that 元素可以在控制台中以 %0 的形式访问。它不是标记的一部分。

标签： javascript jquery json syntax-highlighting

【解决方案1】：

答案取决于您使用的 SyntaxHighlighter 版本。

如果您使用的是最新版本 (4)，您可能希望使用 API：

highlight(params = {}, element = null)

如果是旧版本（3），可以尝试通过all方法重启hilighter：

SyntaxHighlighter.all()

【讨论】：

这是版本：syntaxhighlighter_3.0.83 它必须是本地的。我正在使用安装指南中所述的第二个版本。
SyntaxHighlighter.highlight() 正在做，谢谢！！。但是存在严重的样式问题。现在让我看看，并在这里更新。在这里得到这个：stackoverflow.com/questions/6471526/… 和你的建议。