欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

为SyntaxHighlighter添加新语言的方法

程序员文章站 2022-03-20 14:59:03
因为经常要在博客里贴一些lua代码,但是所使用的syntaxhighlighter插件默认不支持lua语言,所以去研究了一下如何为syntaxhighlighter添加并激...
因为经常要在博客里贴一些lua代码,但是所使用的syntaxhighlighter插件默认不支持lua语言,所以去研究了一下如何为syntaxhighlighter添加并激活一个新的语言,这里将过程和有同样需求的童鞋分享。(因为我添加的是lua语言,下面的过程描述会以lua为例,在添加你所需要的语言时,你只要将相应的项更换为你的自定义设置即可)

1. 从这篇博客里寻找所需要的语言:;
2. 下载对应的shbrushxxx.js脚本,比如我下载的是shbrushlua.js,它看起来像这样:



syntaxhighlighter.brushes.lua = function()
{
 var keywords = 'break do end else elseif function if local nil not or repeat return and then until while this';
 var funcs = 'math\\.\\w+ string\\.\\w+ os\\.\\w+ debug\\.\\w+ io\\.\\w+ error fopen dofile coroutine\\.\\w+ arg getmetatable ipairs loadfile loadlib loadstring longjmp print rawget rawset seek setmetatable assert tonumber tostring';

 this.regexlist = [
  { regex: new regexp('--\\[\\[[\\s\\s]*\\]\\]--', 'gm'),  css: 'comments' },
  { regex: new regexp('--[^\\[]{2}.*$', 'gm'),       css: 'comments' }, // one line comments
  { regex: syntaxhighlighter.regexlib.doublequotedstring,     css: 'string' },    // strings
  { regex: syntaxhighlighter.regexlib.singlequotedstring,     css: 'string' },    // strings
  { regex: new regexp(this.getkeywords(keywords), 'gm'),  css: 'keyword' }, // keyword
  { regex: new regexp(this.getkeywords(funcs), 'gm'),      css: 'func' },  // functions
  ];
}

syntaxhighlighter.brushes.lua.prototype = new syntaxhighlighter.highlighter();
syntaxhighlighter.brushes.lua.aliases = ['lua'];

3. 使用ftp工具登陆到wordpress空间,进入到wp-content/plugins目录,新建一个目录,取一个有意义的名字,比如syntaxhighlighter-lua;
4. 将shbrushlua.js上传到新创建的目录;
5. 在该目录创建一个另一个shbrushlua.php文件,添加如下内容:

6. 文件都准备完了,ok,进入到wordpress后台管理的plugins下,应该能看到新添加的一项syntaxhighlighter-lua,激活它。

done! it should work now!

其实新添加的js和php文件也可以放到syntaxhighlighter插件本身的目录下,但是让它独立成插件的好处是,当syntaxhighlighter升级时,你的个人配置不会因为覆盖而丢失。