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

Question

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

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

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

Facebox会删除已加载页面中的所有脚本标记。

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

感谢任何帮助。

Answer 1

浏览器不会通过AJAX执行脚本标记：Inline jQuery script not working within AJAX call

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

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

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