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. 用LaTeX画树形结构

    用LaTeX画树形结构,比如:文件目录树形图,程序中函数调用关系图等. 找到的一个不错的资源: http://www.texample.net/tikz/examples/feature/trees/ ...

  2. 牛客网Java刷题知识点之父类中的私有内容，子类是否具备？ 子类不可直接，但可间接访问父类中的私有内容？

    不多说,直接上干货!  父类中的私有内容,子类是否具备? 答:不具备 子类不可直接,但可间接访问父类中的私有内容 这样情况,开发中不所见,但是,面试的时候,必考非常常见.

  3. 使用Nginx、Keepalived构建文艺负载均衡

    面对网站服务器端负载增大的问题,是"拿15万￥买一台服务器"来解决,还是靠"加三倍服务器"来解决?还是用其它一些办法? 对于一个访问量日益增加的网站架构而言,从 ...

  4. HDU 5442——Favorite Donut——————【最大表示法+kmp | 后缀数组】

    Favorite Donut Time Limit: 1500/1000 MS (Java/Others)    Memory Limit: 131072/131072 K (Java/Others) ...

  5. Android自定义进度条-带文本(文字进度)的水平进度条(ProgressBar)

    水平进度条,显示进度的文本随着进度而移动. 效果如下,截的静态图. 代码如下 TextProgressBar.java public class TextProgressBar extends Pro ...

  6. 封装WebService的APM为Async、Await模式利于Asp.Net页面调用

    Wcf针对Async.Await指令直接可以返回Task<T>结果,但是老旧的系统中还是会有很多是在用Soap的Webservice.直接在Asp.Net页面调用APM方法确实比较麻烦,其 ...

  7. vue学习第一天 ------ 临时笔记

    学习链接 Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(一)基础知识概述 http://blog.csdn.net/fungleo/article/detai ...

  8. MySQL慢查询分析工具pt-query-digest详解

    一.简介 pt-query-digest是用于分析mysql慢查询的一个工具,它可以分析binlog.General log.slowlog,也可以通过SHOWPROCESSLIST或者通过tcpdu ...

  9. Use Exception.ToString() instead of Exception.Message.

    Exception.Message contains only the message (doh) associated with the exception. Example: Object ref ...

  10. arcgis Flex QueryTask

    <esri:Map id="myMap" creationComplete="useMapServicePermaLink()" load="u ...