`

语法高亮插件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>
分享到:
评论

相关推荐

    JS代码高亮插件SyntaxHighlighter

    【JS代码高亮插件SyntaxHighlighter】是一个用于在网页中展示编程代码的工具,它能够将源代码美化,使其更易于阅读和理解。SyntaxHighlighter由Alex Gorbatchev开发,支持多种编程语言,包括JavaScript、HTML、CSS、...

    代码高亮插件SyntaxHighlighter

    SyntaxHighlighter是一款流行的开源代码高亮插件,广泛应用于博客、论坛和其他在线内容平台,用于增强代码段的可读性和美观性。它支持多种编程语言的语法高亮,包括但不限于HTML、CSS、JavaScript、Java、Python、...

    jquery语法高亮插件

    使用这个jQuery语法高亮插件,开发者可以轻松地在网页上创建吸引人的代码展示区域,提高代码的可读性,同时提升用户体验。无论是用于博客文章、教程还是在线代码编辑器,它都是一个非常实用的工具。要开始使用,只需...

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

    SyntaxHighlighter是一个广泛使用的JavaScript库,用于在网页上实现代码的语法高亮,提高编程代码的可读性。它支持多种编程语言,并且拥有许多自定义选项,使得开发者能够根据需要对高亮样式和行为进行调整。在本文...

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

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

    代码语法高亮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环境的插件。推荐下载!

    VS的JS语法检查插件、高亮显示插件、折叠插件、单元测试插件

    VS内置了一些基础的代码高亮功能,但如`SyntaxHighlighter Evolved`等第三方插件则提供了更多的主题和自定义选项。你可以根据个人喜好或项目需求选择合适的颜色方案,提升代码的视觉效果。 3. **折叠插件**: 在...

    SyntaxHighlighter语法高亮插件使用说明

    本篇文章将详细介绍如何使用SyntaxHighlighter,以及如何为不同编程语言进行语法高亮。 首先,要在网站上使用SyntaxHighlighter,你需要在HTML页面中引入必要的CSS和JavaScript文件。通常,你可以通过下载...

    SyntaxHighlighter代码格式化高亮插件

    SyntaxHighlighter是一款流行的开源...总之,SyntaxHighlighter是一款强大的代码高亮插件,通过其丰富的功能和广泛的语言支持,为网页上的代码展示提供了极大的便利。无论是个人博客还是专业开发团队,都能从中受益。

    TinyMCE的语法高亮插件SyntaxHL.zip

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

    9个javascript语法高亮插件 推荐

    在网页开发中,为了使代码展示更加清晰易读,语法高亮插件起着至关重要的作用。本文将介绍九款基于JavaScript实现的语法高亮插件,这些插件能够为各种编程语言提供良好的代码格式化和高亮效果。 1. **...

    语法高亮插件vue-syntax-highlight

    在开发过程中,为了提高代码可读性和维护性,语法高亮是必不可少的工具。Vue Syntax Highlight 插件正是为了解决这个问题而诞生的,它专为Vue.js开发环境提供代码高亮功能。在Sublime Text这样的文本编辑器中,这个...

    SyntaxHighlighter 高亮代码插件JS

    SyntaxHighlighter是一款流行的JavaScript代码高亮插件,用于在网页上展示源代码时提供美观的语法高亮效果。它能够使代码更易于阅读,提升用户体验,尤其对于技术博客、在线教程和开发者社区来说,是非常实用的工具...

    jQuery语法高亮插件支持各种程序源代码语法着色加亮

    目前,市场上存在多个流行的jQuery语法高亮插件,比如Highlight.js、Google Code Prettify、SyntaxHighlighter、Chili–jQueryPlugin、Pygments、Ultraviolet、GeSHi (GenericSyntaxHighlighter)、以及Snippet。...

    syntaxhighlighter 代码高亮

    SyntaxHighlighter是一款强大的代码高亮插件,它专为网页设计者和开发者提供便利,使得在网页上展示源代码变得更加美观且易读。这款工具无需服务器支持,只需在网页中引入相应的JavaScript库,即可实现对多种编程...

    Discuz7使用syntaxhighlighter_2.0.320实现代码高亮

    syntaxhighlighter是由Alex Gorbatchev开发的一款JavaScript库,它可以在网页上动态地为源代码添加语法高亮。version 2.0.320是这个库的一个版本,包含了对多种编程语言的支持,如HTML、CSS、JavaScript、PHP、...

    fckeditor实现语法高亮和保存功能

    FCKeditor本身并不内置代码语法高亮功能,但可以通过集成第三方插件来实现。常见的插件如"SyntaxHighlighter Evolved"或"CodeMirror"都可以提供代码高亮支持。安装这些插件通常涉及以下几个步骤: 1. 下载并解压...

Global site tag (gtag.js) - Google Analytics