Highlight.js —— 不错的代码高亮插件

又是俄罗斯程序员的作品,nginx 现在已经成了大家翻墙必备的一个反向代理服务器了,当然还有人用来做前端负载均衡,俄罗斯人写的程序似乎都很精巧,紧凑

Highligh.js也不例外,非常好用,自动检测语言,多主题选择,还可以打包下载,这对于GAE程序来说再适合不过了,这个主题比syntaxhighlight漂亮,而且文件数少,size也小,不说别的,syntaxhighlight 3把toolbar弄的很不爽,我懒得改,不过,syntaxhighlight有一个highlight没有的功能,就是如果你用ajax更新页面,而你更新的页面中包含代码,syntaxhighlight刷新所有dom, 但是highlight我没有看到api,不过我习惯写文章摘要,就只在单篇文章里显示代码,其他用ajax更新的,都显示摘要就好了,这样也不影响速度

另外,我还修改了FCKEDITOR下的code插件,现在插入代码就真的很爽了

下面给几个例子,我用的是sunburst主题

Python代码

@requires_authorization
def somefunc(param1, param2):
    r'''A docstring'''
    if param1 > param2: # interesting
        print 'Gre\'ater'
        print ''
    return (param2 - param1 + 1) or None

class SomeClass:
    pass

Javascript代码

$( function() {
        var colors = ['#8431cf', '#1332df', '#f00122', '#8c4211', '#de3f90',
        '#666', '#05d30d', '#e957ea', '#007aad', '#f00'];
		var length = colors.length;
		$('#sidebar-tagcloud span a').each(function() {
			$(this).css('color', colors[Math.floor(Math.random() * length)]);
		});
	}
);

LaTex代码

\documentclass{article}        % Your input file must contain these two lines 
\begin{document}               % plus the \end{document} command at the end.


\section{Simple Text}          % This command makes a section title.

\[
A = \pmatrix{
     a_{11} & a_{12} & a_{13} \cr
     a_{21} & a_{22} & a_{23} \cr
     a_{31} & a_{32} & a_{33}
    }
\]

\end{document}                 % The input file ends with this command.
Category: None | Tags: None View Comments