• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    为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升级时,你的个人配置不会因为覆盖而丢失。

    您可能感兴趣的文章:
    • syntaxhighlighter 去掉右上角问号图标的三种方法
    • SyntaxHighlighter配合CKEditor插件轻松打造代码语法着色
    • SyntaxHighlighter语法高亮插件使用说明
    • ckeditor syntaxhighlighter代码高亮插件,完美修复
    • coolcode转SyntaxHighlighter与Mysql正则表达式实现分析
    • FCKeditor 和 SyntaxHighlighter 代码高亮插件的整合
    • SyntaxHighlighter 语法高亮插件的使用教程
    • 使用SyntaxHighlighter实现HTML高亮显示代码的方法
    • FCKEditor SyntaxHighlighter整合实现代码高亮显示
    • SyntaxHighlighter代码加色使用方法
    • syntaxhighlighter 使用方法
    • 关于实现代码语法标亮 dp.SyntaxHighlighter
    • 代码着色之SyntaxHighlighter项目(最流行的代码高亮)
    上一篇:CKEditor 取消转义的两种方法
    下一篇:syntaxhighlighter 去掉右上角问号图标的三种方法
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    为SyntaxHighlighter添加新语言的方法 为,SyntaxHighlighter,添加,新语言,