Javascript语法Highlighter用于大字符串

时间:2012-05-08 15:28:49

标签: javascript syntax-highlighting

我正在寻找高性能语法荧光笔。

我试过谷歌美化,rainbow.js和另一个我不记得了。他们都在使用大量的HTML代码。他们最终都正确地突出显示,但浏览器冻结了一两秒钟。或者文本没有突出显示,并且在页面加载后几秒钟后,它会立即出现。

我看看github是如何使用语法高亮显示的,我认为他之所以如此有效,是因为文本组周围只有一个跨度而不是每个单词,这意味着更好的性能。

任何人都知道支持HTML代码的JS语法高亮显示器,并且能够快速呈现内容吗?

3 个答案:

答案 0 :(得分:2)

是否可以在服务器上进行突出显示?可能会兑现它,所以你不必每次都去。如果您发布服务器端堆栈信息,我可以为您提供一些库的链接。

如果不想在工作线程中进行语法突出显示,则可以避免阻止UI。

此外,这里列出了其他9个荧光笔:http://www.webdesignbooth.com/9-useful-javascript-syntax-highlighting-scripts/

答案 1 :(得分:0)

您可能有兴趣使用Gists。您可以将它们嵌入任何地方,并且突出显示它的语法非常快。

我并不是要自我推销,但是对于使用Gists进行Javascript语法突出显示的示例(我将在需要时使用Gists for HTML),您可以查看{{3} }。我不记得任何其他网站的网址,但我之前见过它们。

答案 2 :(得分:0)

我知道这是一个较老的问题,使用服务器突出显示大代码块肯定是你最好的选择。

我只是想让你知道我是rainbow.js的作者,我只是推出了一个2.0更新,它将浏览器中的所有语法高亮显示移动到一个webworker中,因此它应该可以更好地处理大型代码块而不会阻塞主线程/ UI。