為SyntaxHighlighter添加新語言的方法
因為經(jīng)常要在博客里貼一些Lua代碼,但是所使用的SyntaxHighlighter插件默認不支持Lua語言,所以去研究了一下如何為SyntaxHighlighter添加并激活一個新的語言,這里將過程和有同樣需求的童鞋分享。(因為我添加的是Lua語言,下面的過程描述會以Lua為例,在添加你所需要的語言時,你只要將相應的項更換為你的自定義設(shè)置即可)
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上傳到新創(chuàng)建的目錄;
5. 在該目錄創(chuàng)建一個另一個shBrushLua.php文件,添加如下內(nèi)容:
<?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 讓代碼高亮著色插件
欄 目:網(wǎng)頁編輯器
下一篇:使用ZeroClipboard解決跨瀏覽器復制到剪貼板的問題
本文標題:為SyntaxHighlighter添加新語言的方法
本文地址:http://mengdiqiu.com.cn/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代碼高亮插件配置分享


閱讀排行
本欄相關(guān)
- 01-11針對PHP環(huán)境下Fckeditor編輯器上傳圖片
- 01-11關(guān)于jsp版ueditor1.2.5的部分問題解決(上
- 01-11UEditor編輯器自定義上傳圖片或文件路
- 01-11UEditor 編輯器跨域上傳解決方法
- 01-11免費開源百度編輯器(UEditor)使用方法
- 01-11ckeditor插件開發(fā)簡單實例
- 01-11使用ZeroClipboard解決跨瀏覽器復制到剪
- 01-11CKEditor 取消轉(zhuǎn)義的兩種方法
- 01-11FCKeditor + SyntaxHighlighter 讓代碼高亮著
- 01-11為SyntaxHighlighter添加新語言的方法
隨機閱讀
- 04-02jquery與jsp,用jquery
- 08-05織夢dedecms什么時候用欄目交叉功能?
- 08-05dedecms(織夢)副欄目數(shù)量限制代碼修改
- 01-11ajax實現(xiàn)頁面的局部加載
- 01-10SublimeText編譯C開發(fā)環(huán)境設(shè)置
- 08-05DEDE織夢data目錄下的sessions文件夾有什
- 01-10delphi制作wav文件的方法
- 01-11Mac OSX 打開原生自帶讀寫NTFS功能(圖文
- 01-10使用C語言求解撲克牌的順子及n個骰子
- 01-10C#中split用法實例總結(jié)