为SyntaxHighlighter添加新语言的方法
因为经常要在博客里贴一些Lua代码,但是所使用的SyntaxHighlighter插件默认不支持Lua语言,所以去研究了一下如何为SyntaxHighlighter添加并激活一个新的语言,这里将过程和有同样需求的童鞋分享。(因为我添加的是Lua语言,下面的过程描述会以Lua为例,在添加你所需要的语言时,你只要将相应的项更换为你的自定义设置即可)
1. 从这篇博客里寻找所需要的语言:http://www.undermyhat.org/blog/2009/09/list-of-brushes-syntaxhighligher/;
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文件,添加如下内容:
<?php
/*
Plugin Name: SyntaxHighlighter Evolved: Lua
Description: Adds support for the Lua language to the SyntaxHighlighter Evolved plugin.
Author: Benny
Version: 1.0.0
*/
// SyntaxHighlighter Evolved doesn't do anything until early in the "init" hook, so best to wait until after that
add_action( 'init', 'syntaxhighlighter_lua_regscript' );
// Tell SyntaxHighlighter Evolved about this new language/brush
add_filter( 'syntaxhighlighter_brushes', 'syntaxhighlighter_lua_addlang' );
// Register the brush file with WordPress
function syntaxhighlighter_lua_regscript() {
wp_register_script( 'syntaxhighlighter-brush-lua', plugins_url( 'shBrushLua.js', __FILE__ ), array('syntaxhighlighter-core'), '1.1.1' );
}
// Filter SyntaxHighlighter Evolved's language array
function syntaxhighlighter_lua_addlang( $brushes ) {
$brushes['lua'] = 'lua';
return $brushes;
}
?>
6. 文件都准备完了,OK,进入到WordPress后台管理的Plugins下,应该能看到新添加的一项syntaxhighlighter-lua,激活它。
Done! It should work now!
其实新添加的js和php文件也可以放到SyntaxHighlighter插件本身的目录下,但是让它独立成插件的好处是,当SyntaxHighlighter升级时,你的个人配置不会因为覆盖而丢失。
上一篇:FCKeditor + SyntaxHighlighter 让代码高亮着色插件
栏 目:网页编辑器
下一篇:使用ZeroClipboard解决跨浏览器复制到剪贴板的问题
本文标题:为SyntaxHighlighter添加新语言的方法
本文地址:https://www.xiuzhanwang.com/a1/wangyebianjiqi/11810.html
您可能感兴趣的文章
- 01-11FCKeditor + SyntaxHighlighter 让代码高亮着色插件
- 01-11syntaxhighlighter 去掉右上角问号图标的三种方法
- 01-11SyntaxHighlighter配合CKEditor插件轻松打造代码语法着色
- 01-11dedecms ckeditor编辑器添加链接默认新窗口打开的修改方法
- 01-11FCKeditor编辑器添加图片上传功能及图片路径问题解决方法
- 01-11解决SyntaxHighlighter 代码高亮不换行问题的解决方法
- 01-11CKEditor中加入syntaxhighlighter代码高亮插件
- 01-11ckeditor syntaxhighlighter代码高亮插件配置分享
阅读排行
本栏相关
- 01-11针对PHP环境下Fckeditor编辑器上传图片
- 01-11关于jsp版ueditor1.2.5的部分问题解决(上
- 01-11UEditor编辑器自定义上传图片或文件路
- 01-11UEditor 编辑器跨域上传解决方法
- 01-11免费开源百度编辑器(UEditor)使用方法
- 01-11ckeditor插件开发简单实例
- 01-11使用ZeroClipboard解决跨浏览器复制到剪
- 01-11CKEditor 取消转义的两种方法
- 01-11FCKeditor + SyntaxHighlighter 让代码高亮着
- 01-11为SyntaxHighlighter添加新语言的方法
随机阅读
- 04-02jquery与jsp,用jquery
- 08-05织梦dedecms什么时候用栏目交叉功能?
- 08-05dedecms(织梦)副栏目数量限制代码修改
- 01-11ajax实现页面的局部加载
- 01-10SublimeText编译C开发环境设置
- 08-05DEDE织梦data目录下的sessions文件夹有什
- 01-10delphi制作wav文件的方法
- 01-11Mac OSX 打开原生自带读写NTFS功能(图文
- 01-10使用C语言求解扑克牌的顺子及n个骰子
- 01-10C#中split用法实例总结