美文网首页
为SyntaxHighlighter Evolved插件添加新的

为SyntaxHighlighter Evolved插件添加新的

作者: Hattiss | 来源:发表于2017-11-24 12:15 被阅读0次

   SyntaxHighlighter Evolved是一款很好用的WordPress代码高亮插件,基于 SyntaxHighlighter JavaScript package by Alex Gorbatchev开发。默认支持的语言还是比较全的,具体如下:

actionscript3、bash、clojure、coldfusion、cpp、csharp、css、delphi、diff、erlang、fsharp、go、groovy、html、java、javafx、javascript、latex(youcanalsorenderLaTeX)、matlab(keywordsonly)、objc、perl、php、powershell、python、r、ruby、scala、sql、text、vb、xml

  想要给它添加新的语言支持也比较容易,只要注册所谓的“Brush”即可。各种Brush通过Google搜索形如“shBrushXXX.js”(XXX为语言名称,如:shBrushAsm.js),就能很容易获取到。

  接下来还需要编写一个WordPress插件,用于注册新的Brush。具体代码可参考:syntaxhighlighter_brush.php

<?php
/**
* Plugin Name: SyntaxHighlighter Evolved: Brush Pack
* Description: Adds support for the mutiple language to the SyntaxHighlighter Evolved plugin.
* Author: Hattiss<hattiss@163.com>
* Version: 1.0 
* Author URI: http://ddxoyy.info
*/
  
// SyntaxHighlighter Evolved doesn't do anything until early in the "init" hook, so best to wait until after that
add_action( 'init', 'syntaxhighlighter_pack_regscript' );
  
// Tell SyntaxHighlighter Evolved about this new language/brush
add_filter( 'syntaxhighlighter_brushes', 'syntaxhighlighter_pack_addlang' );
  
// Register the brush file with WordPress
function syntaxhighlighter_pack_regscript() {
    wp_register_script( 'syntaxhighlighter-brush-vim', plugins_url( 'shBrushVim.js', __FILE__ ), array('syntaxhighlighter-core'), '1.2.3' );
    wp_register_script( 'syntaxhighlighter-brush-asm', plugins_url( 'shBrushAsm.js', __FILE__ ), array('syntaxhighlighter-core'), '1.2.3' );
}
  
// Filter SyntaxHighlighter Evolved's language array
function syntaxhighlighter_pack_addlang( $brushes ) {
    $brushes['vim'] = 'vim';
    $brushes['asm'] = 'asm';
     
    return $brushes;
}
?>

  最后,在WordPress的插件目录(wordpress\wp-content\plugins)下创建一个文件夹(syntaxhighlighter-evolved-brush-pack)。然后将编写好的插件文件和下载到的Brush文件上传至该文件夹。再登录WordPress后台,启用刚刚上传的插件,即可获得新增语言的高亮支持了。

参考资料

Adding A New Brush (Language)

相关文章

  • 为SyntaxHighlighter Evolved插件添加新的

       SyntaxHighlighter Evolved是一款很好用的WordPress代码高亮插件,基于 Syn...

  • SyntaxHighlighter高亮插件:TinyMCE/帝国

    SyntaxHighlighter 是 Google Code 上的一个开源项目,主要用于给网页前端的代码着色。G...

  • Python学习笔记之【HTML和CSS基础】2019-08-1

    第1章节  编辑器及插件   ↑代码快速补全  ↓为插件添加新的语言,可以在其他语言中使用   快速插入注释:Ct...

  • Vue 插件及Vue.use源码分析

    插件 插件通常用来为 Vue 添加全局功能。插件的功能范围没有严格的限制——一般有下面几种: 添加全局方法或者属性...

  • vue插件

    插件的意义 插件通常用来为 Vue 添加全局功能。插件的功能范围没有严格的限制——一般有下面几种: 添加全局方法或...

  • vue的插件机制原理

    插件 插件通常用来为 Vue 添加全局功能。插件的功能范围没有严格的限制——一般有下面几种: 1.添加全局方法或者...

  • Vue插件

    插件 插件通常用来为 Vue 添加全局功能。插件的功能范围没有严格的限制——一般有下面几种: 添加全局方法或者 p...

  • vue2插件

    插件 插件通常用来为 Vue 添加全局功能。插件的功能范围没有严格的限制——一般有下面几种: 添加全局方法或者 p...

  • Vagrant常用操作

    查看安装的插件列表 安装vagrant插件 查看box列表 添加一个新的box 将一个虚拟机导出为box 删除一个box

  • 插件

    插件的定义和使用 插件通常用来为 Vue 添加全局功能。插件的功能范围没有严格的限制——一般有下面几种:添加全局方...

网友评论

      本文标题:为SyntaxHighlighter Evolved插件添加新的

      本文链接:https://www.haomeiwen.com/subject/saixbxtx.html