SyntaxHighlighter: http://alexgorbatchev.com/SyntaxHighlighter/download/

demo

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

    <title>Hello SyntaxHighlighter</title>

    <link type="text/css" rel="stylesheet" href="styles/shCore.css"/>

    <link type="text/css" rel="stylesheet" href="styles/shThemeDefault.css"/>

    <script type="text/javascript" src="scripts/shCore.js"></script>

    <script type="text/javascript" src="scripts/shAutoloader.js"></script>

    <!--for html-script-->

    <script type="text/javascript" src="scripts/shBrushXml.js"></script>

    <script type="text/javascript" src="scripts/shBrushJScript.js"></script>

    <!--for class-name-->

    <script type="text/javascript" src="scripts/shBrushCss.js"></script>

    <script type="text/javascript">

        function path()

        {

            var args = arguments,

                result = [];

            for(var i = 0; i < args.length; i++)

                result.push(args[i].replace('@', '/scripts/'));

            return result

        };

        SyntaxHighlighter.config.strings.help = "";

        SyntaxHighlighter.config.strings.expandSource = "+ view code";

        /*

        SyntaxHighlighter.autoloader.apply(null, path(

            'applescript            @shBrushAppleScript.js',

            'actionscript3 as3        @shBrushAS3.js',

            'bash shell                @shBrushBash.js',

            'coldfusion cf            @shBrushColdFusion.js',

            'cpp c                    @shBrushCpp.js',

            'c# c-sharp csharp        @shBrushCSharp.js',

            'css                    @shBrushCss.js',

            'delphi pascal            @shBrushDelphi.js',

            'diff patch pas            @shBrushDiff.js',

            'erl erlang                @shBrushErlang.js',

            'groovy                    @shBrushGroovy.js',

            'java                    @shBrushJava.js',

            'jfx javafx                @shBrushJavaFX.js',

            'js jscript javascript    @shBrushJScript.js',

            'perl pl                @shBrushPerl.js',

            'php                    @shBrushPhp.js',

            'text plain                @shBrushPlain.js',

            'py python                @shBrushPython.js',

            'powershell ps posh        @shBrushPowerShell.js',

            'ruby rails ror rb        @shBrushRuby.js',

            'sass scss                @shBrushSass.js',

            'scala                    @shBrushScala.js',

            'sql                    @shBrushSql.js',

            'vb vbnet                @shBrushVb.js',

            'xml xhtml xslt html    @shBrushXml.js'

        ));

        */

        SyntaxHighlighter.all();

    </script>

</head>

<body style="background: white; font-family: Helvetica">

<div>toolbar：？</div>

<div>collapse： 折叠</div>

<div>gutter: 行号</div>

<div>first-line： 行号从多少开始</div>

<div>highlight 高亮行</div>

<div>html-script: 包含html、script  貌似要加载shBrushXml</div>

<div>quick-code: 双击复制</div>

<h1>Hello SyntaxHighlighter</h1>

<pre class="brush:js; toolbar:false; gutter:false; quick-code:true;">

function helloSyntaxHighlighter()

{

    return "hi!";

}

</pre>

<pre class="brush:js; html-script:true; collapse:true; highlight:[2,4]; first-line:2;">

function helloSyntaxHighlighter()

{

    return "hi!";

}

<div style="color:red;">test

</div>

</pre>

</html>

高亮代码 SyntaxHighlighter的更多相关文章

  1. 轻量级jQuery语法高亮代码高亮插件jQuery Litelighter。

    <!DOCTYPE html><html><head><meta charset="UTF-8" /><title>jQ ...

  2. [置顶] 如何更改CSDN博客高亮代码皮肤的样式，使博客看起来更有范（推荐）

    由于本人写博客的时候,也没有配置博客的相关属性,因此贴出来的代码块都是CSDN默认的,因此代码背景色都是白色的,如下所示: 但是本人在浏览他人博客的时候,发现有些博客的代码块看起来比较有范,整个代码库 ...

  3. sublime高亮代码导出

    何在word/博客中使用SublimeText风格的代码高亮样式 原文链接:http://www.cnblogs.com/Wayou/p/highlight_code_with_sublimetext ...

  4. 如何在ppt或word中添加高亮代码？

    如何在ppt或word中添加高亮代码? 问题: 如何ppt中添加带有语法高亮的程序代码,就如同下面的形式(在ppt嵌入高亮代码,且可以编辑,带有行号) 详细的要求如下: 1.代码带有语法高亮. 2.结 ...

  5. 用google-code-prettify高亮代码

    示例: https://code.google.com/p/google-code-prettify/wiki/GettingStarted 主题如何使用google-code-prettify高亮代 ...

  6. 如何更改CSDN博客高亮代码皮肤的样式，使博客看起来更有范（推荐）

    由于本人写博客的时候,也没有配置博客的相关属性,因此贴出来的代码块都是CSDN默认的,因此代码背景色都是白色的,如下所示: 但是本人在浏览他人博客的时候,发现有些博客的代码块看起来比较有范,整个代码库 ...

  7. 博客高亮代码及使用OpenLiveWriter修改之前博客

    简述:  最近查阅前辈资料的时候,看到写的博客很有条理,回头看下自己的乱做麻花,然后来时研究: 他们的代码看起来很漂亮然后我就查资料,在网页版上一直没法出来像他们的格式,后查资料看来的使用客户端工具才 ...

  8. raycaster选取捕获obj模型&&选中高亮代码

    目录 raycaster选取捕获obj模型&&选中高亮代码 raycaster关键代码 选中高亮代码 obj整体上色 raycaster选取捕获obj模型&&选中高亮代 ...

  9. [杂记]如何在ppt里插入高亮代码

    在为c语言习题课准备课件的时候发现需要向ppt内插入代码,简单的文本粘贴没有高亮,格式也很混乱需要自己慢慢调,于是自己鼓捣了一下,实现了向ppt内插入高亮代码. [所需软件]Office PowerP ...

随机推荐

  1. pat1093. Count PAT's (25)

    1093. Count PAT's (25) 时间限制 120 ms 内存限制 65536 kB 代码长度限制 16000 B 判题程序 Standard 作者 CAO, Peng The strin ...

  2. C语言答案解析

    1．设整型变量 a=2,则执行下列语句后,浮点型变量b的值不为0.5的是(  B ) A) b=1.0/a            B) b=(float)(1/a) C) b=1/(float)a   ...

  3. .NET Core 部署到CentOS–2.创建守护进程, 通过Nginx公网访问

    继上一篇, 我们确定在内网可以通过 "http://localhost:5000",可以访问到站点后,接下来我们要配置"守护进程","Nginx公网8 ...

  4. C# Label背景透明

    Label背景透明是相对于Label的Parent而言的,如果Label的Parent是一个winform,而这个winform又有一个PictureBox,现在Label放在PictureBox上, ...

  5. 即将要被淘汰的兼容之--CSS Hack

    css hack 条件注释法只在IE下生效<!--[if IE]>这段文字只在IE浏览器显示<![endif]-->只在IE6下生效<!--[if IE 6]>这段 ...

  6. PHP Regex

    <?php //Accpet the http client request and generate response content. //As a demo, this function ...

  7. Android GreenDAO 3.0 不修改版本号的情况下增加、删除表、添加字段

    最近项目中使用了GreenDAO的3.0以上的版本,出现需要增加删除表的需求,刚开始用,发现官方对增加和删除的方法是每次去修改数据库版本号,版本一旦升级,那么原来数据库中的表会全部删除再重建.太麻烦, ...

  8. 【起航计划 004】2015 起航计划 Android APIDemo的魔鬼步伐 03 App->Activity->Animation Activity跳转动画 R.anim.×× overridePendingTransition ActivityOptions类

    App->Activity->Animation示例用于演示不同Activity切换时动态效果. android 5.0例子中定义了6种动画效果: 渐变Fade In 缩放Zoom In ...

  9. Azure 1 月新公布

    Azure 1 月新发布:Microsoft Power BI Embedded 公共预览和计算机视觉 API 标准版的更新以及 Azure IoT 网关 SDK 和中心设备管理新功能正式发布以及关于 ...

  10. springboot/springmvc转换器

    常用的转换器 String转Date转换器(用于接受日期参数自动转换成Date类型便于后台数据处理) /** * 全局handler前日期统一处理 * @author zhanghang * @dat ...