css - 没有 JS 的语法高亮插件，纯 CSS

Question

我想通过 Facebox 插件在 ajax 加载页面上显示一些源代码。

但是如果我尝试添加脚本标签

<script src="src/prettify.js"></script>

Facebox 删除加载页面中的所有脚本标签。

所以我需要纯基于 CSS 的语法高亮解决方案或解决通过 facebox 删除脚本标签的问题。

感谢您的帮助。

Answer 1

浏览器不执行通过 AJAX 引入的脚本标签：内联 jQuery 脚本在 AJAX 调用中不起作用

唯一的 CSS 解决方案是将您的代码手动包装在跨度中并在 CSS 中设置所有颜色，这绝对不是理想的。

这里最好的解决方案是在<script src="src/prettify.js"></script>主页上包含执行 Facebox ajax 调用，并确保在 AJAXed 内容被拉入后触发美化，如下所示：

$(document).bind('beforeReveal.facebox', function() {
    prettyPrint();
});