手机
当前位置:查字典教程网 >编程开发 >网页编辑器 >为SyntaxHighlighter添加新语言的方法
为SyntaxHighlighter添加新语言的方法
摘要:因为经常要在博客里贴一些Lua代码,但是所使用的SyntaxHighlighter插件默认不支持Lua语言,所以去研究了一下如何为Synta...

因为经常要在博客里贴一些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('--[[[sS]*]]--', '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升级时,你的个人配置不会因为覆盖而丢失。

【为SyntaxHighlighter添加新语言的方法】相关文章:

FCKeditor + SyntaxHighlighter 让代码高亮着色插件

添加FCKeditor插件需要注意的地方

TinyMCE syntaxhl插入代码后换行的修改方法

页面上存在多个FckEditor编辑器的验证方法

将CKfinder 整合进 CKEditor3.0的方法

FCK编辑器(FCKEditor)添加新按钮和功能的修改方法

ASp.net下fckeditor配置图片上传最简单的方法

FCKeditor添加自定义按钮的方法

SyntaxHighlighter配合CKEditor插件轻松打造代码语法着色

ckeditor syntaxhighlighter代码高亮插件,完美修复

精品推荐
分类导航