• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >网页编辑器 > 为SyntaxHighlighter添加新语言的方法

为SyntaxHighlighter添加新语言的方法

作者: 字体:[增加 减小] 来源:互联网 时间:2017-06-05

本文主要包含syntaxhighlighter,c语言排序方法,品味语言的方法,语言赏析方法,学语言的方法等相关知识, 希望在学习及工作中可以帮助到您
因为经常要在博客里贴一些Lua代码,但是所使用的SyntaxHighlighter插件默认不支持Lua语言,所以去研究了一下如何为SyntaxHighlighter添加并激活一个新的语言,这里将过程和有同样需求的童鞋分享。(因为我添加的是Lua语言,下面的过程描述会以Lua为例,在添加你所需要的语言时,你只要将相应的项更换为你的自定义设置即可)

1. 从这篇博客里寻找所需要的语言:http://www.undermyhat.org/blog/2009/09/list-of-brushes-syntaxhighligher/;
2. 下载对应的shBrushXXX.js脚本,比如我下载的是shBrushLua.js,它看起来像这样:


 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'];
</div>

3. 使用FTP工具登陆到WordPress空间,进入到wp-content/plugins目录,新建一个目录,取一个有意义的名字,比如syntaxhighlighter-lua;
4. 将shBrushLua.js上传到新创建的目录;
5. 在该目录创建一个另一个shBrushLua.php文件,添加如下内容:

6. 文件都准备完了,OK,进入到WordPress后台管理的Plugins下,应该能看到新添加的一项syntaxhighlighter-lua,激活它。

Done! It should work now!

其实新添加的js和php文件也可以放到SyntaxHighlighter插件本身的目录下,但是让它独立成插件的好处是,当SyntaxHighlighter升级时,你的个人配置不会因为覆盖而丢失。

</div>

您可能想查找下面的文章:

  • ckeditor syntaxhighlighter代码高亮插件配置分享
  • CKEditor中加入syntaxhighlighter代码高亮插件
  • 解决SyntaxHighlighter 代码高亮不换行问题的解决方法
  • FCKeditor + SyntaxHighlighter 让代码高亮着色插件
  • syntaxhighlighter 去掉右上角问号图标的三种方法
  • 为SyntaxHighlighter添加新语言的方法
  • SyntaxHighlighter配合CKEditor插件轻松打造代码语法着色
  • ckeditor syntaxhighlighter代码高亮插件,完美修复
  • FCKeditor 和 SyntaxHighlighter 代码高亮插件的整合
  • SyntaxHighlighter 语法高亮插件的使用教程

相关文章

  • 2017-06-05Fckeditor XML Request error:internal server error (500) 解决方法小结
  • 2017-06-05CKEditor 取消转义的两种方法
  • 2017-06-05UEditor编辑器自定义上传图片或文件路径的修改方法
  • 2017-06-05ckeditor自定义插件使用方法详解
  • 2017-06-05Html 编辑器粘贴内容过滤技术详解
  • 2017-06-05为SyntaxHighlighter添加新语言的方法
  • 2017-06-05使用ZeroClipboard解决跨浏览器复制到剪贴板的问题
  • 2017-06-05FCKEditor超级链接默认新窗口打开的修改方法
  • 2017-06-05常用网页编辑器漏洞手册(全面版)fckeditor,ewebeditor
  • 2017-06-05SyntaxHighlighter 语法高亮插件的使用教程

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • Office文档在线编辑的一个实现方法
    • ueditor编辑器不能上传图片问题的解决方法
    • eWebEditor 请选择一个有效的文件的解决方法
    • 最新版CKEditor的配置方法及插件(Plugin)编写示例
    • UEditor 编辑器跨域上传解决方法
    • KindEditor 编辑器 v3.5.1 修改版
    • 百度编辑器ueditor前台代码高亮无法自动换行解决方法
    • 常用的HTML富文本编译器UEditor、CKEditor、TinyMCE、HTMLArea、eWebEditor、KindEditor简介
    • javascript fckeditor编辑器取值与赋值实现代码
    • ajax php实现给fckeditor文本编辑器增加图片删除功能

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有