推荐语法着色库SyntaxHighlighter

最新推荐文章于 2020-03-17 15:35:27 发布
原创 最新推荐文章于 2020-03-17 15:35:27 发布 · 886 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #yahoo #浏览器

本文介绍了SyntaxHighlighter，一款被Yahoo等公司广泛使用的开源JavaScript库，用于实现代码语法高亮显示。该库支持多种编程语言，并提供了美观的代码展示效果。

今天在访问http://en.gravatar.com/site/implement/profiles/json/ 这个页面的时候，发现它里边的源代码很好看，效果如下：

同时，可以在对源码添加多种操作。 so Cool !

查看帮助后，才发现是开源的JavaScript库，这就是Yahoo! 等都在采用的 SyntaxHighlighter 。

 

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

官方网站： http://alexgorbatchev.com/SyntaxHighlighter/

 

 

syntaxHighlighter语法高亮
huangbaokang的博客
03-20 734
官网地址：http://alexgorbatchev.com/SyntaxHighlighter/ 下载好后，自带的index.html就是一个学习文档。 官网也有详细的使用说明文档，有使用pre或者script方法创建代码段，翻译下这5点，很简单的英语。 入门： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http...
SyntaxHighlighter语法着色js库
心灵净土
08-16 1398
下载地址：http://alexgorbatchev.com/SyntaxHighlighter/download/ 官网：http://alexgorbatchev.com/SyntaxHighlighter/
SyntaxHighlighter
juzhengqian9510的博客
11-01 1830
代码高亮最近项目里需要代码高亮的功能，从网上看到了很多代码还是不行。遇到两个问题： 1、dp.SyntaxHighlighter.HighlightAll(‘code’); 报错：dp is not defined 2、抛弃第一种写法后使用 SyntaxHighlighter.all(); 错误：是能高亮以pre标签写的代码。textarea标签的代码不能正常展示。 后来，用firebu
SyntaxHighlighter -- 代码高亮插件
weixin_34162695的博客
08-29 84
SyntaxHighlighter 下载文件里面支持皮肤匹配。 地址：http://alexgorbatchev.com/SyntaxHighlighter/ 转载于:https://www.cnblogs.com/meimeiwa/p/plug.html
网页中代码高亮插件SyntaxHighlighter
jenyzhang的专栏
09-16 1167
一、简介： syntaxhighlighter是一个小开源项目，它可以在网页中对各种程序源代码语法进行加亮显示。 支持当前流行的各种编程语言：  C#、CSS、C++、Delphi、Java、JavaScript、PHP、Python、Ruby、SQL、Visual Basic、XML / HTML  二、相关链接     1.插件下载地址：http://alexgorbatch
使用SyntaxHighlighter来给代码着色
Puras的小窝
05-27 266
 1.首先下载SyntaxHighlighter.   2.解压到SyntaxHighlighter目录中.   3.建立HTML文件:   &lt;pre name="code" class="Ruby"&gt;  ...Ruby代码... &lt;/pre&gt;   可以应用在pre和textarea两种HTML标签内,name为code,class为要着色的语言,现在支持C, C#, C...
SyntaxHighlighter配合CKEditor插件轻松打造代码语法着色
10-27
SyntaxHighlighter是一款独立的JavaScript库，可以在浏览器上为各种代码提供语法着色。它的作用是将纯文本的代码转换为带有颜色标记的高亮显示的代码。使用SyntaxHighlighter，你可以通过简单地引入几个文件来为你的...
jQuery语法高亮插件支持各种程序源代码语法着色加亮
10-27
jQuery语法高亮插件是一种能够对网页上展示的程序源代码进行语法着色加亮的工具。通过这种方式，代码块在视觉上更为突出，便于阅读和理解。这种语法高亮功能通常用于技术文档、论坛、在线教学平台，以及编程相关的...
基于Java实现编辑器语法着色功能详解
Java实现的编辑器语法着色功能，是一种基于Java语言开发的文本编辑器中用于实现代码高亮显示的技术。该功能通过识别源代码中的关键字、注释、字符串、运算符等语法元素，并以不同的颜色和字体样式进行渲染，从而提升...
基于JavaScript的SyntaxHighlighter代码高亮库
该工具原名为dp.SyntaxHighlighter，由Alex Gorbatchev开发，是一套完全基于JavaScript实现的、可在浏览器端运行的独立代码高亮库，无需服务器端支持即可完成语法着色任务，因此具备高度的兼容性和部署便捷性。...
syntaxhighlighter代码着色工具,代码高亮,代码修饰框架
03-09
SyntaxHighlighter是一款用于web页面的代码着色工具，可以用来着色多种语言，可以是HTML,CSS,Javascript,还可以是C,JAVA等编程语言。它可以在网页中对各种程序源代码语法进行加亮显示。支持当前流行的各种编程语言：...
JS插件---->SyntaxHighlighter的使用
weixin_30478923的博客
09-12 323
　　SyntaxHighlighter是一款用于web页面的代码着色工具，可以用来着色多种语言。今天我们通过实例来学习一下它的用法。旧同桌不是老情人，但与你分享过的青春不比初恋少半分。 SyntaxHighlighter的简单实例 一、SyntaxHighlighter的代码流程如下 1、Add base files to your page: shCore.js and shCo...
代码高亮插件syntaxhighlighter在angualr中的使用
qq_40721240的博客
03-17 324
首先官网下载syntaxhighlighter对应的文件，下载之后放到项目中。 第二：在index.html中引入需要的文件 <link rel="stylesheet" href="assets/syntaxhighlighter-3.0.83/styles/shCore.css"> <link rel="stylesheet" href="assets/synt...
博客：通用代码高亮插件（SyntaxHighlighter）
mt_rand的专栏
01-04 2712
http://www.cnblogs.com/heyuquan/archive/2012/09/28/2707632.html =============C#.Net 篇目录==============          写这篇博文的起源是我想把自己的博客弄的更加美观，相信你也一样。          首先，我要说SyntaxHighlighter插件的实现方式及应用示例，然后再说明
代码高亮美化插件-----SyntaxHighlighter
weixin_30492601的博客
11-15 173
IT类文章博客，代码高亮美化插件-----SyntaxHighlighter 最近在做一个类似个人博客的网站，因为文章中会用到各种代码，主要是Javascript，CSS，PHP，XML等。这些代码如果单纯的用html&css来处理，稍显繁琐。 于是，在网上搜索了一些关于文章中代码如何美化高亮的信息，找到有关于SyntaxHighlighter和Google-Code-Pretti...
【推荐】代码高亮JS框架之HelloWorld
my blog
07-07 1680
代码高亮，SyntaxHighlighter
【过时】博客园中使用syntaxhighlighter插件（图文详细版本）
weixin_34268579的博客
11-18 223
1.上SyntaxHighlighter官网下载引用文件，并上传到博客园http://alexgorbatchev.com/SyntaxHighlighter/download/ 2.文件，上传 3.记录一些两个文件的url地址 4.设置，在页首HTML代码中添加上面两个地址的引用，具体的看图 5.编辑器正常使用，如果想使用synta...
高亮你的代码：syntaxhighlighter使用初步
甘焕的博客
07-05 5377
高亮你的代码：syntaxhighlighter使用指南
syntaxhighlighter终于可以正常复制代码了
dsgru的博客
07-30 1059
本文将向你介绍使用syntaxhighlighter语法高亮插件复制代码不会自动换行的问题。 以前我用的是syntaxhighlighter3.0.8版本，本想着高版本，在优化和加载速度方面会略胜一筹，但经过实践检验，其实不然！于是决定回到经典的2.1版本，一切都调试就绪，正要上线时却发现只要从语法高亮插件syntaxhighlighter起作用的地方，其代码复制后都不会换行，代码全重堆叠在一...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值