SyntaxHighlighter 3.0.83使用笔记
更新时间：2015年01月26日 09:14:08 投稿：hebedich
本文主要介绍了SyntaxHighlighter的配置及代码的使用，并附上在博客园中使用SyntaxHighlighter 3.0.83的案例，非常实用，这里推荐给大家。
1、下载
SyntaxHighlighter 3.0.83 : http://alexgorbatchev.com/SyntaxHighlighter
2、配置
(1) SyntaxHighlighter解析的默认标签，默认为pre
复制代码 代码如下:
SyntaxHighlighter.config.tagName="div";
(2) 去除HTML换行标记
如果您的软件会在每行末尾添加< br /> 标记，此选项允许您忽略这些标记。
shCore.js中实现代码为：
复制代码 代码如下:
if (sh.config.stripBrs == true)
str = str.replace(br, '');
SyntaxHighlighter.config.stripBrs=true;
(3) 不显示工具条
复制代码 代码如下:
SyntaxHighlighter.defaults['toolbar'] = false;
3、代码中使用
3.1 brush为必选项，其余为可选：
复制代码 代码如下:
<div class="brush:java;class-name:mycode;highlight:[1,3];">some java code</div>
brush取值：java/xml/sql/c/js/css等，详见：http://alexgorbatchev.com/SyntaxHighlighter/manual/brushes/
3.2 着色调用:
复制代码 代码如下:
SyntaxHighlighter.highlight();
或
复制代码 代码如下:
SyntaxHighlighter.all();
all()与highlight()区别在于all()是注册到onload()事件中的。
4、在博客园中使用
博客园默认支持SyntaxHighlighter。代码修改默认值（因为jQuery不支持设置!important的样式所以需要设置cssText）：
复制代码 代码如下:
var sh = $(".syntaxhighlighter");
var code = sh.find("code");
var line = sh.find(".line");
var caption = sh.find("table caption");
sh.css("cssText", "width: auto !important");
code.add(line)
.add(caption)
.css("cssText", "font-size: 20px !important;white-space: nowrap !important;line-height: 1.5em !important;");
以上就是本文的全部内容了，小伙伴们对SyntaxHighlighter的使用方法是否有了新的认识呢，希望大家能够喜欢本文。
您可能感兴趣的文章:
- SyntaxHighlighter 去掉右侧滚动条的方法
- 防止SyntaxHighlighter.js的代码高亮时闪一下的解决方法
- SyntaxHighlighter自动识别并加载脚本语言
- z-blog SyntaxHighlighter 长代码无法换行解决办法(基于jquery)
- ckeditor syntaxhighlighter代码高亮插件配置分享
- CKEditor中加入syntaxhighlighter代码高亮插件
- z-blog SyntaxHighlighter 长代码无法换行解决办法(jquery)
- 解决SyntaxHighlighter 代码高亮不换行问题的解决方法
- FCKeditor + SyntaxHighlighter 让代码高亮着色插件
- 代码着色之SyntaxHighlighter项目(最流行的代码高亮)
- syntaxhighlighter 去掉右上角问号图标的三种方法
- 为SyntaxHighlighter添加新语言的方法
- SyntaxHighlighter配合CKEditor插件轻松打造代码语法着色
- SyntaxHighlighter语法高亮插件使用说明
- ckeditor syntaxhighlighter代码高亮插件，完美修复
- coolcode转SyntaxHighlighter与Mysql正则表达式实现分析
- FCKeditor 和 SyntaxHighlighter 代码高亮插件的整合
- SyntaxHighlighter 语法高亮插件的使用教程
- 使用SyntaxHighlighter实现HTML高亮显示代码的方法
- FCKEditor SyntaxHighlighter整合实现代码高亮显示
- SyntaxHighlighter代码加色使用方法
- syntaxhighlighter 使用方法
- 关于实现代码语法标亮 dp.SyntaxHighlighter
- SyntaxHighlighter Autoloader(自动加载)最优方式
相关文章
这篇文章主要给大家介绍了关于JavaScript相等运算符的九条规则，文中通过示例代码介绍的非常详细，对大家的学习或者使用JavaScript具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2019-10-10
BootStrap 智能表单实战系列(二)BootStrap支持的类型简介
这篇文章主要介绍了BootStrap 智能表单实战系列(二)BootStrap支持的类型简介 的相关资料，非常不错具有参考借鉴价值，感兴趣的朋友一起学习吧2016-06-06
这篇文章主要介绍了JavaScript电子时钟倒计时的实现代码，具有一定的参考价值，感兴趣的朋友可以参考一下2016-01-01
这篇文章主要介绍了JavaScript实现重置表单（reset）的方法,涉及javascript中reset()方法的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-04-04
本文给大家介绍js请求服务器gbk文件乱码问题，解决办法需要设置xhr.overrideMimeType("text/csv;charset=gb2312");才正确，具体代码怎么设置，将在本文中给大家提到，需要的朋友一起学习吧2015-10-10
这篇文章主要来和大家一起讨论如何利用JavaScript实现一个复杂功能,该功能可以自动为图片添加水印,感兴趣的小伙伴可以跟随小编一起学习一下2024-01-01
本文给大家总结了三种移动适配方案，具体哪三种感兴趣的朋友可以通过本文详细学习下2016-11-11
下面小编就为大家带来一篇浅析Javascript中bind()方法的使用与实现。小编觉得挺不错的，现在分享给大家，一起跟随小编过来看看吧2016-04-04
这篇文章主要介绍了JavaScript实现省市联动效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-11-11
下面小编就为大家带来一篇浅谈JS中json数据的处理。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-06-06
最新评论