`

语法高亮插件SyntaxHighlighter的使用教程

 
阅读更多
1.下载
http://alexgorbatchev.com/SyntaxHighlighter/download/
2.引入(cakephp代码), 注意这里的问题:http://blog.blakesimpson.co.uk/read/5-installing-syntaxhighlighter-error-xregexp-not-defined

    echo $this->Html->css("/js/plugins/syntaxhighlighter/styles/shCore");//基础
    echo $this->Html->css("/js/plugins/syntaxhighlighter/styles/shCoreDefault");//可以换成其他样式
    echo $this->Html->script("plugins/syntaxhighlighter/scripts/shCore");//基础
    echo $this->Html->script("plugins/syntaxhighlighter/scripts/shAutoloader");//基础
    echo $this->Html->script("plugins/syntaxhighlighter/scripts/shLegacy");//基础
    echo $this->Html->script("plugins/syntaxhighlighter/scripts/shBrushCss");//支持的语言
    echo $this->Html->script("plugins/syntaxhighlighter/scripts/shBrushJava");//支持的语言
    echo $this->Html->script("plugins/syntaxhighlighter/scripts/shBrushJScript");//支持的语言
    echo $this->Html->script("plugins/syntaxhighlighter/scripts/shBrushPhp");//支持的语言
    echo $this->Html->script("plugins/syntaxhighlighter/scripts/shBrushXml");//支持的语言

3.定义要格式化的代码
<pre class='brush: java'>
@Override
public void init(FilterConfig cfg) throws ServletException {
super.init(cfg);
OnlineUserManager.init();
//this._dataInit();
}
</pre>

4.初始化
<script>$(document).ready(function(){
            SyntaxHighlighter.config.clipboardSwf = './clipboard.swf';
            SyntaxHighlighter.all();
        });</script>
分享到:
评论

相关推荐

    jquery语法高亮插件

    语法高亮syntaxhighlighter_3.0.83.rar

    jQuery 语法高亮插件SyntaxHighlighter调用示例

    内容索引:脚本资源,jQuery,语法高亮,jQuery插件 jQuery 语法高亮插件调用示例,本插件核心仍是SyntaxHighlighter,但是经过了简化处理,现在调用方法和所用脚本文件都比较少,效果也挺不错,演示如上图,语法高亮在...

    SyntaxHighlighter 语法高亮插件的使用教程

    现在做it编程类信息的网站,提供的源码如果能提供代码高亮对代码的阅读效果会提高不少。

    代码语法高亮SyntaxHighlighter的JS插件及例子.rar

    代码语法高亮的JS插件及例子,基于SyntaxHighlighter实现的CSS、PHP、ASP、SQL、XHTML代码自动高亮插件,若你是开发者网站,这个功能对你绝对有用,下载插件包,自带有使用演示。

    db.SyntaxHighlighter 语法高亮插件下载.rar

    db.SyntaxHighlighter 语法高亮插件下载,SyntaxHighlighter几乎支持所有编程语言的代码高亮功能,你可将需要高亮的代码放入Textarea中,本插件会自动获取内容后根据初始设置高亮代码中的关键字、常量、变量、函数名...

    FCKEditor语法高亮插件For ASP

    基于SyntaxHighlighter 1.5.1的FCKEditor语法高亮插件For ASP。网上多数是针对ASP.Net的,而针对ASP环境的语法高亮插件很难找到。现在好了,有人把SyntaxHighlighter 1.5.1做成了ASP环境的插件。推荐下载!

    语法高亮插件vue-syntax-highlight

    语法高亮插件vue-syntax-highlight,语法高亮插件vue-syntax-highlight,语法高亮插件vue-syntax-highlight

    SyntaxHighlighter语法高亮插件使用说明

    SyntaxHighlighter语法高亮插件使用说明,需要的朋友可以参考下。

    TinyMCE的语法高亮插件SyntaxHL.zip

    SyntaxHL 是一个 TinyMCE 的插件,可让你在编辑器中插入具有语法高亮效果的代码,使用的是 SyntaxHighlighter 语法高亮库。 标签:SyntaxHL

    9个javascript语法高亮插件 推荐

    下面介绍的是一些纯javascript实现的语法高亮插件。 英文原文:http://www.webdesignbooth.com/9-useful-javascript-syntax-highlighting-scripts/ 1. SyntaxHighlighter我相信这个插件是我们使用多的,它支持超多的...

    syntaxhighlighter

    syntaxhighlighter 是一套在浏览器上对各种代码进行语法着色的独立 JavaScript 库 代码高亮插件 html pre 各种显示高亮的主题 官网下载链接在文档中

    使用SyntaxHighlighter实现HTML高亮显示代码的方法

    支持当前流行的各种编程语言: C#、CSS、C++、Delphi、Java、JavaScript、PHP、Python、Ruby、SQL、Visual Basic、XML / HTML 使用方法: 1、假设网页文件test.htm存放在一个目录,则将dp.SyntaxHighlighter解压缩到...

    语法highlighter:WordPress插件,可轻松发布语法高亮的代码片段

    语法突出显示的演变 轻松将语法突出显示的代码发布到您的WordPress网站,而无需进行任何修改。... 支持新的古腾堡编辑器! 区块开发工作流程 ... 有关更多详细信息,请参阅 (该插件用于管理块构建的项目)。

    z-blog SyntaxHighlighter 长代码无法换行解决办法(基于jquery)

    用SyntaxHighlighter 语法高亮插件的朋友可能都遇到过代码显示不换行的问题,这个问题在网上也找不到什么解决办法,一直困扰了我很久,今天算是把它解决了,办法其实简单,下面说下… 解决方法: 打开shCoreDefault....

    SyntaxHighlighter自动识别并加载脚本语言 原创

    SyntaxHighlighter是一个使用JavaScript编写的支持多种编程语言语法高亮的JS插件,很多大型网站或博客都在使用。 SyntaxHighlighter插件默认是每种编程语言加载对应JS语言库,那么如何实现SyntaxHighlighter自动加载...

    SyntaxHighlighter配合CKEditor插件轻松打造代码语法着色

    作为程序员在写博客文章的时候,经常要插入些代码片断,很多博客系统都提供代码语法着色高亮显示的功能或插件,让代码显示更直接明了

    解决SyntaxHighlighter 代码高亮不换行问题的解决方法

    用SyntaxHighlighter 语法高亮插件的朋友可能都遇到过代码显示不换行的问题,这个问题在网上也找不到什么解决办法,一直困扰了我很久,今天算是把它解决了,办法其实简单,下面说下如何解决

    SyntaxHighlighter自动识别并加载脚本语言 <font color=red>原创</font>

    SyntaxHighlighter是一个使用JavaScript编写的支持多种编程语言语法高亮的JS插件,很多大型网站或博客都在使用。现在给大家介绍一下如何让它自动识别加载我们添加的代码语言

    Syntaxtic !「Syntaxtic!」-crx插件

    如果找到,则不执行语法高亮显示v1.1.28-为每个请求添加.cc作为c ++别名,为.per作为perl别名v1.1.33-修复了动作脚本为c#问题-修复了.cc别名v2.0.43-添加了选项页,可选的主题和大小v2.0.44-删除了未使用的权限v3.0...

Global site tag (gtag.js) - Google Analytics