`
jsntghf
  • 浏览: 2476468 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
社区版块
存档分类
最新评论

自动语法高亮－SyntaxHighlighter

JavaScriptCSSXHTMLHTMLXML 
阅读更多

效果还不错，纯JavaScript实现。官网地址：http://alexgorbatchev.com/SyntaxHighlighter/

 

使用示例：

 

<!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>
    <script type="text/javascript" src="scripts/shCore.js"></script>
    <script type="text/javascript" src="scripts/shBrushJScript.js"></script>
    <link type="text/css" rel="stylesheet" href="styles/shCoreDefault.css"/>
    <script type="text/javascript">SyntaxHighlighter.all();</script>
  </head>
  <body style="background: white; font-family: Helvetica">
    <h1>Hello SyntaxHighlighter</h1>
    <pre class="brush: js;">
function helloSyntaxHighlighter()
{
	return "hi!";
}
    </pre>
  </body>
</html>

 

分享到：
| Linux下删除文件
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    语法高亮插件vue-syntax-highlight

    语法高亮插件vue-syntax-highlight，语法高亮插件vue-syntax-highlight，语法高亮插件vue-syntax-highlight

    代码语法高亮SyntaxHighlighter的JS插件及例子.rar

    代码语法高亮的JS插件及例子，基于SyntaxHighlighter实现的CSS、PHP、ASP、SQL、XHTML代码自动高亮插件，若你是开发者网站，这个功能对你绝对有用，下载插件包，自带有使用演示。

    jquery语法高亮插件

    语法高亮syntaxhighlighter_3.0.83.rar

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

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

    sublime-syntaxhighlighter:Sublime 文本编辑器的 SyntaxHighlighter 主题

    这是的默认语法高亮主题，适用于 Sublime Text 编辑器，主要用于 PHP、HTML、JavaScript、XML 和其他语言的语法高亮。 安装 使用 打开Tools -&gt; Command Palette... 搜索Package Control: Install Package并点击进入...

    db.SyntaxHighlighter 语法高亮插件下载.rar

    db.SyntaxHighlighter 语法高亮插件下载，SyntaxHighlighter几乎支持所有编程语言的代码高亮功能，你可将需要高亮的代码放入Textarea中，本插件会自动获取内容后根据初始设置高亮代码中的关键字、常量、变量、函数名...

    SyntaxHighlighter

    对于一些程序代码类的网页，常常需要贴出代码，但显示效果...这里介绍一个代码高亮工具syntaxhighlighter语法高亮工具，它不需要与服务器交互，只需要包含相应的格式代码JS包，就可以轻松实现代码高亮，使用非常简单。

    syntaxhighlighter 代码高亮

    syntaxhighlighter语法高亮工具，它不需要与服务器交互，只需要包含相应的格式代码JS包，就可以轻松实现代码高亮，使用非常简单。又很多种语言的刷子哦~

    SyntaxHighlighter语法高亮插件使用说明

    SyntaxHighlighter语法高亮插件使用说明，需要的朋友可以参考下。

    TinyMCE的语法高亮插件SyntaxHL.zip

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

    FCKEditor语法高亮插件For ASP

    基于SyntaxHighlighter 1.5.1的FCKEditor语法高亮插件For ASP。网上多数是针对ASP.Net的，而针对ASP环境的语法高亮插件很难找到。现在好了，有人把SyntaxHighlighter 1.5.1做成了ASP环境的插件。推荐下载！

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

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

    9个javascript语法高亮插件 推荐

    下面介绍的是一些纯javascript实现的语法高亮插件。 英文原文：http://www.webdesignbooth.com/9-useful-javascript-syntax-highlighting-scripts/ 1. SyntaxHighlighter我相信这个插件是我们使用多的，它支持超多的...

    JavaScript动态内容代码高亮 SyntaxHighlighter.zip

    SyntaxHighlighter （原名：dp.SyntaxHighlighter）是一套在浏览器上对各种代码进行语法着色的独立 JavaScript 库。格式化效果如下图所示：这也是本站所使用的语法着色库，在线演示。示例代码：SyntaxHighlighter....

    syntaxhighlighter

    syntaxhighlighter 是一套在浏览器上对各种代码进行语法着色的独立 JavaScript 库 代码高亮插件 html pre 各种显示高亮的主题 官网下载链接在文档中

    z-blog SyntaxHighlighter 长代码无法换行解决办法(基于jquery)

    用SyntaxHighlighter 语法高亮插件的朋友可能都遇到过代码显示不换行的问题，这个问题在网上也找不到什么解决办法，一直困扰了我很久，今天算是把它解决了，办法其实简单，下面说下… 解决方法： 打开shCoreDefault....

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

    现在做it编程类信息的网站，提供的源码如果能提供代码高亮对代码的阅读效果会提高不少。

    syntaxhighlighter可执行库与示例

    syntaxhighlighter是一个强大的语法高亮器，但是需要自己编译，较为繁琐，我把其编译为一个架包，并提供了相关的DEMO。

    syntaxhighlighter_3.0.83

    SyntaxHighlighter（原名：dp.SyntaxHighlighter）是一套在浏览器上支持对各种代码进行语法着色的独立 JavaScript 库

Magicbox
Global site tag (gtag.js) - Google Analytics