首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

Syntaxhighlighter-代码高亮插件引见

2012-08-25 
Syntaxhighlighter---代码高亮插件介绍简单地介绍一下常用的代码高亮工具 SyntaxHighlighter。?1. ??Syntax

Syntaxhighlighter---代码高亮插件介绍

简单地介绍一下常用的代码高亮工具 SyntaxHighlighter

?

1. ??SyntaxHighlighter is what?

?

考虑再三还是引用官网的定义来介绍一下什么是SyntaxHighlighter

?

SyntaxHighlighter is a fully functional self-contained code syntax(语法) highlighter developed in JavaScript.

?

2. ? What?SyntaxHighlighter looks like?

?

贴了一张官网上的图来直观地展示一下:

?

???shCore.js----------核心文件

?

js部分?? ? ?
SyntaxHighlighter.all();
????

?

关于一些配置属性:

?

具体可以参考官网上的:http://alexgorbatchev.com/SyntaxHighlighter/manual/configuration/

?

我这边举例了几个:

    SyntaxHighlighter.defaults['toolbar'] = false;
?? ?默认是true的,
--------http://alexgorbatchev.com/SyntaxHighlighter/manual/demo/toolbar.html

?

?

?? ? 2. ?collapse:true

?

?? 默认是false的

?

-------http://alexgorbatchev.com/SyntaxHighlighter/manual/configuration/

?

?

?

?

?

?

扩展阅读:

1、官网:http://alexgorbatchev.com/SyntaxHighlighter/

热点排行