高亮代码 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 ...

随机推荐

Mybatis学习笔记14 - 动态sql之foreach标签
一.查询给定集合中员工id对应的所有员工信息示例代码: 接口定义: package com.mybatis.dao; import com.mybatis.bean.Employee; import ...
GO WEB
1.第一个坑的就是,错误信息如下: 比较常见的错误“Connection reset by peer”,该错误和“Connection reset”是有区别的: 服务器返回了“RST”时,如果此时客户 ...
[转]Jquery Mobile dialog的生命周期
本文转自:http://www.cnblogs.com/jackhuclan/archive/2012/04/05/2432972.html JQuery Mobile对htm5的移动开发绝对是个好用 ...
(转)Rsync 排错案例解析
Rsync 排错案例解析原文:http://blog.51cto.com/irow10/1827306 错误一. 执行计划任务的备份脚本后没有看到备份的文件 1.首先查看crontab日志是否执行文 ...
Clouder Manager安装时出现please remove the following file: /etc/cloudera-scm-server/db.properties问题解决（图文详解）
问题详情 bigdata@ubuntucmbigdata1:/opt/softwares/cm-$ sudo ./cloudera-manager-installer.bin This install ...
java语言编程实现两个时间相差多少天、多少小时、多少分、多少秒
不多说,直接上干货! DateDistance.java package zhouls.bigdata.DataFeatureSelection.test; import java.text.Date ...
js对象动态赋值
<view class="movies-template"> <template is="movieListTemplate" data=&q ...
IntelliJ IDEA实时模板变量
返回由当前方法返回的值的类型IntelliJ IDEA 实时模板中的模板变量允许用户输入.扩展模板后,变量将作为输入字段显示在编辑器中. IntelliJ IDEA 声明实时模板变量模板中的变量以下 ...
jsp---》》》新闻发布系统的项目跟踪+++++++文件上传
先来一个分层架构图: WeebRoot目录下的页面: 现在,此项目以实现登录,注销,新闻列表,编辑主题>>>> 先来登录部分的关键代码 index.jsp中的代码 userIn ...
iOS 8 提供 TestFlight 方便开发者测试软件（转）
原文地址:http://tech2ipo.com/66893 TestFlight / via iMore 作者: Nick Arnott 译者:翛凌原文:iMore iOS 应用程序的测试对 ...

高亮代码 SyntaxHighlighter

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

随机推荐

热门专题