高亮代码 SyntaxHighlighter

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的更多相关文章

轻量级jQuery语法高亮代码高亮插件jQuery Litelighter。
<!DOCTYPE html><html><head><meta charset="UTF-8" /><title>jQ ...
[置顶] 如何更改CSDN博客高亮代码皮肤的样式，使博客看起来更有范（推荐）
由于本人写博客的时候,也没有配置博客的相关属性,因此贴出来的代码块都是CSDN默认的,因此代码背景色都是白色的,如下所示: 但是本人在浏览他人博客的时候,发现有些博客的代码块看起来比较有范,整个代码库 ...
sublime高亮代码导出
何在word/博客中使用SublimeText风格的代码高亮样式原文链接:http://www.cnblogs.com/Wayou/p/highlight_code_with_sublimetext ...
如何在ppt或word中添加高亮代码？
如何在ppt或word中添加高亮代码? 问题: 如何ppt中添加带有语法高亮的程序代码,就如同下面的形式(在ppt嵌入高亮代码,且可以编辑,带有行号) 详细的要求如下: 1.代码带有语法高亮. 2.结 ...
用google-code-prettify高亮代码
示例: https://code.google.com/p/google-code-prettify/wiki/GettingStarted 主题如何使用google-code-prettify高亮代 ...
如何更改CSDN博客高亮代码皮肤的样式，使博客看起来更有范（推荐）
由于本人写博客的时候,也没有配置博客的相关属性,因此贴出来的代码块都是CSDN默认的,因此代码背景色都是白色的,如下所示: 但是本人在浏览他人博客的时候,发现有些博客的代码块看起来比较有范,整个代码库 ...
博客高亮代码及使用OpenLiveWriter修改之前博客
简述: 最近查阅前辈资料的时候,看到写的博客很有条理,回头看下自己的乱做麻花,然后来时研究: 他们的代码看起来很漂亮然后我就查资料,在网页版上一直没法出来像他们的格式,后查资料看来的使用客户端工具才 ...
raycaster选取捕获obj模型&&选中高亮代码
目录 raycaster选取捕获obj模型&&选中高亮代码 raycaster关键代码选中高亮代码 obj整体上色 raycaster选取捕获obj模型&&选中高亮代 ...
[杂记]如何在ppt里插入高亮代码
在为c语言习题课准备课件的时候发现需要向ppt内插入代码,简单的文本粘贴没有高亮,格式也很混乱需要自己慢慢调,于是自己鼓捣了一下,实现了向ppt内插入高亮代码. [所需软件]Office PowerP ...

随机推荐

java源文件组成部分
class HelloWorld{ public static void main(String[ ] args) { System.out.print("HelloWorld!!!&quo ...
iscroll.js文档
iScroll是高性能的.小尺寸的.无依赖关系的.支持多平台的滑动JavaScript库. 当然,不只是scroll,还有滚动.缩放.平移.无限滚动.视差滚动等. 为了达到更好的新能,所以iScrol ...
React.js 小书 Lesson4 - 前端组件化（三）：抽象出公共组件类
作者:胡子大哈原文链接:http://huziketang.com/books/react/lesson4 转载请注明出处,保留原文链接和作者信息. 为了让代码更灵活,可以写更多的组件,我们把这种模 ...
IIS下发布关于Excel导入导出时遇到的问题集锦(转)
问题描述 1.Excel每个工作薄(sheet)生成记录行数 2.asp.net关于导出Excel的一些问题的集锦 3.下载失败,临时文件或其所在磁盘不可写 4.未能加载文件或程序集“Microsof ...
sass基础
参考:https://www.sass.hk/guide/
Spring自定义注解配置切面实现日志记录
一: spring-mvc.xml: <!-- 声明自动为spring容器 ...
DOS常见命令
dir: 显示一个目录中的文件和子目录 md: 创建目录 rd: 删除目录 cd: 进入指定目录 cd..: 退回到上级目录 cd\: 退回到根目录 del: 删除文件 set: 显示.设置.删除cm ...
TX Text Control X10新特性之图像占位符合并
文档处理控件TX Text Control即将发布的X10版本,将升级重点还是放到了其比较优势的流式布局报表设计和生成上.慧都获得了来自其开发商Text Control GmbH公司的一手资料,迫不及 ...
在 eclipse 中调出其内置的浏览器
两种方法: 1.点击工具栏中的浏览器图标,就会在主面板中出现浏览器: 跳出一个blank页面,如下: 第二种方法:点击Window——Show view——Other 输入 "browser ...
Java问题定位之如何借助线程堆栈进行问题分析
在大型的应用中,线程堆栈打印出来特别多,如何从众多的信息中找到真正有用,有价值的信息,我们需要一定的技巧.本文对此详细介绍. 我们可以从三个方面分析:堆栈的局部信息,一次堆栈的统计信息,多个堆栈的对比 ...

高亮代码 SyntaxHighlighter

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

随机推荐

热门专题