当前位置:首页 > 技术心得 > 正文内容

如何扩展SyntaxHighlighter

xjtudll16年前 (2010-04-20)技术心得6230

    在做这个工作之前,你需要对JavaScript有比较深入的了解,尤其需要熟悉正则表达式。如果网络已经存在你需要拓展的加亮库,那就不用自己搞了,直接选用。另外,如果你需要拓展的语言跟已经存在的加亮库类似,那么可以修改它。比如,C51是在C上扩展而成,所以我们可以选择修改shBrushCpp.js来获得C51的加亮库。

    本文以新增一种语言为例。

    新建一个js文件,并定义一个SyntaxHighlighter.brushes对象。

    例如:

    SyntaxHighlighter.brushes.Custom = function()
    {
    };

    SyntaxHighlighter.brushes.Custom.prototype = new SyntaxHighlighter.Highlighter();

    Custom为扩展的语言,可取其他名字。

    下面是最关键的部分,你需要建立自己的匹配规则,也就是在regexList定义段写入一些匹配规则,具体怎么搞就需要一些正则技巧了。

    例如:

    SyntaxHighlighter.brushes.Custom = function()
   {
       var funcs        = 'abs avg case cast';
       var keywords    = 'absolute action add';
       var operators    = 'all and any between cross';

       this.regexList = [
          { regex: /--(.*)$/gm,                                               css: 'comments' },
          { regex: SyntaxHighlighter.regexLib.multiLineDoubleQuotedString,    css: 'string' },
          { regex: new RegExp(this.getKeywords(funcs), 'gmi'),                css: 'color2' },
          { regex: new RegExp(this.getKeywords(operators), 'gmi'),            css: 'color1' },
          { regex: new RegExp(this.getKeywords(keywords), 'gmi'),             css: 'keyword' }
        ];
   }; 
   SyntaxHighlighter.brushes.Custom.prototype = new SyntaxHighlighter.Highlighter();

   最后,可以定义一些别名,用于调用。

  SyntaxHighlighter.brushes.Custom = function()
  {
   ...
  };
  SyntaxHighlighter.brushes.Custom.prototype    = new SyntaxHighlighter.Highlighter();
  SyntaxHighlighter.brushes.Custom.aliases    = ['custom', 'ctm', 'ct'];

  也就是说调用的时候custom,ctm,ct将被视为同一种。

 

SyntaxHighlighter 使用

  <pre class="brush: custom">
   ...此处插入代码
  </pre>

参考资料:Developing a custom brush

http://alexgorbatchev.com/wiki/SyntaxHighlighter:Brushes:Custom

扫描二维码推送至手机访问。

版权声明:本文由鸟的天空发布,如需转载请注明出处。

本文链接:http://www.xjtudll.cn/Exp/76/

分享给朋友:

“如何扩展SyntaxHighlighter” 的相关文章

常用电平标准

常用电平标准

现在常用的电平标准有TTL、CMOS、LVTTL、LVCMOS、ECL、PECL、LVPECL、RS232、RS485等,还有一些速度比较高的LVDS、GTL、PGTL、CML、HSTL、SSTL等。下面简单介绍一下各自的供电电源、电平标准以及使用注意事项。 1、TTL电平 TTL:Transi...

按键精灵 获取控件内容(非窗体标题)

按键精灵 获取控件内容(非窗体标题)

想抓一个软件的 一个类名是Edit的输入框中的内容,句柄已经正确找到了,然后用精灵8自带的 Plugin.Window.GetText(Hwnd) 命令来获取,结果得不到输入框中的控件内容,只得到一个窗口标题 “ 1 ”。 如图示: 想获得这个输入框中的1222 这个...

手表防水扫盲

手表防水扫盲

手表防水的误区 很多人觉得奇怪,当要购买水中活动可以使用的手表时,为何推荐他们防水100m以上的手表。“我一辈子也没潜水超过50m”,其实,这样的疑问不只存在于一般购买手表的消费者身上,前几年多数的手表销售员与修表师傅也都不甚在意这个问题,直到最近运动表的市场受到重视,才开始注意防水标示的区别,但...

Protel99SE系统设置

Protel99SE系统设置

工欲善其事,必先利其器。此言不谬。在用Protel99SE进行电子电路设计时,在软件系统默认环境下,设计数据库文件会出现对话框信息显示不全、文件占用存储空间太大等问题,并且在操作的过程中由于种种原因,往往出现工具栏不显示、文件保存不当或损坏等问题,然而在大多数情况下,绘图者(特别是初学者)不清楚如何...

Altium Smart PDF中文不显示问题

Altium Smart PDF中文不显示问题

在用Altium SmartPDF的时候发现,没法打印出中文,凡是有中文的地方,直接就是空白了,英文能正常显示。如图所示: 实际内容 显示内容 两个图片对比后,可以清晰的看出:中文全部未显示出来,都是空白。 究其原因,很简单,就是汉字的字体没有选中文字体,选用的是英文字体。 该如何解决这个问题呢...

蓝牙4.0手表功能简析

蓝牙4.0手表功能简析

蓝牙手表可以分为两大类:(1)蓝牙为手表的主要功能,脱离了蓝牙,手表将只有时间相关功能。这类手表主要是作为配件使用;(2)手表本身具有强大的功能,蓝牙只是锦上添花。例如Pebble,I’m Watch,SonySmart Watch等等。此次分析的是第一类产品——...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。