SyntaxHighlighter 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
SyntaxHighlighter 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
SyntaxHighlighter 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」 !
SyntaxHighlighter 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」「最积极运营项目」 !
SyntaxHighlighter 获得 2020 年度 OSC 中国开源项目评选「最积极运营项目」 !
授权协议 LGPL
开发语言 JavaScript
操作系统 跨平台
软件类型 开源软件
开源组织
地区 不详
投 递 者 不详
适用人群 未知
收录时间 2008-09-19

软件简介

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

这也是本站所使用的语法着色库,在线演示

示例代码:

SyntaxHighlighter.config.bloggerMode = true;
SyntaxHighlighter.config.clipboardSwf = 'scripts/clipboard.swf';
...
SyntaxHighlighter.all();
展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论 (3)

加载中
学校的生活好无聊啊 SyntaxHighlighter
2012/05/22 21:04
回复
举报
已经将 SyntaxHighlighter 更新到 3.0.9 版本
2014/07/14 22:18
回复
举报
#Prism.JS##SyntaxHighlighter# 哪个更好?
2016/07/23 07:32
回复
举报
更多评论
发表了资讯
2010/10/29 00:00

SyntaxHighlighter 获得 DbNetLink 的赞助

SyntaxHighlighter (原名:dp.SyntaxHighlighter)是一套在浏览器上对各种代码进行语法着色的独立 JavaScript 库。格式化效果如下图所示: 这也是本站所使用的语法着色库,实际使用效果请看 http://www.oschina.net/code/snippet_12_1155 从 SyntaxHighlighter 官网上获知,SyntaxHighlighter 获得了 DbNetLink 的赞助,具体详情不知,希望这能为 SyntaxHighlighter 的发展带来很大的帮助,也期待 SyntaxHighlighter 能解决社区...

7
1
发表了资讯
2010/07/25 00:00

SyntaxHighlighter 3.0.83

SyntaxHighlighter 3.0 has quite a few new tricks up its sleeve. There are a number of new features that are worth mentioning here. Copy To Clipboard Since the first version back in 2004, SyntaxHighlighter has always used Flash to provide copy to clipboard functionality. At first it was Flash 8, then it was Flash 9 and now 10. It's never been a crowd pleaser and a lot of requests over the years ...

0
2
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
2020/04/13 10:03

SyntaxHighlighter使用方法

原名:SyntaxHighlighter,是一款用于web页面的代码着色工具,可以用来着色多种语言,可以是 HTML,CSS,Javascript,还可以是C,JAVA等编程语言。最早见于Yahoo的YUI,当时还属于自由软件,最近打开官方网站发现已被 goolge收编。 它可以在网页中对各种程序源代码语法进行加亮显示。支持当前流行的各种编程语言:C#、CSS、C++、Delphi、Java、JavaScript、PHP、Python、Ruby、SQL、Visual Basic、XML / HTML 下载地址:http://www....

0
0
发表了博客
2015/03/31 14:59

SyntaxHighlighter使用方法

原名:SyntaxHighlighter,是一款用于web页面的代码着色工具,可以用来着色多种语言,可以是 HTML,CSS,Javascript,还可以是C,JAVA等编程语言。最早见于Yahoo的YUI,当时还属于自由软件,最近打开官方网站发现已被 goolge收编。 它可以在网页中对各种程序源代码语法进行加亮显示。支持当前流行的各种编程语言:C#、CSS、C++、Delphi、Java、JavaScript、PHP、Python、Ruby、SQL、Visual Basic、XML / HTML 下载地址:http://www....

0
0
发表了博客
2015/04/02 01:37

syntaxhighlighter

syntaxhighlightersyntaxhighlightersyntaxhighlighter <?php     echo 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx';...

0
0
发表了博客
2013/02/18 13:36

SyntaxHighlighter的使用

1. <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> <script type="text/javascript" src="scripts/shBrushCpp.js"></script> <link type="text/css" rel="stylesheet" href="styles/shCoreDjango.css"/>...

0
0
发表了博客
2013/12/13 12:11

测试 SyntaxHighlighter

#include <stdio.h> int main() {   return 0; }

0
0
发表于大前端专区
2014/04/08 13:51

SyntaxHighlighter代码加色使用方法

SyntaxHighlighter是一款用于web页面的代码高亮着色工具,可以用来着色多种语言,能让你的代码在网页上以类似IDE编辑器里的样子高亮关键字,可以是HTML,CSS,Javascript,还可以是C,JAVA等编程语言。最早见于Yahoo的YUI,当时还属于自由软件,最近打开官方网站发现已被goolge收编。 官网: http://about.me/alexgorbatchev 下载地址: http://alexgorbatchev.com/SyntaxHighlighter/ 或 http://code.google.com/p/syntaxhighlight...

0
2
发表了博客
2013/08/03 10:22

SyntaxHighlighter代码加色使用方法

SyntaxHighlighter是一款用于web页面的代码高亮着色工具,可以用来着色多种语言,能让你的代码在网页上以类似IDE编辑器里的样子高亮关键字,可以是HTML,CSS,Javascript,还可以是C,JAVA等编程语言。最早见于Yahoo的YUI,当时还属于自由软件,最近打开官方网站发现已被goolge收编。 官网: http://about.me/alexgorbatchev 下载地址: http://alexgorbatchev.com/SyntaxHighlighter/ 或 http://code.google.com/p/syntaxhighlight...

0
8
发表了博客
2013/01/02 20:40

代码高亮插件(SyntaxHighlighter)

源码: SyntaxHighlighter 示例源码下载 SyntaxHighlighter SyntaxHighlighter 源码下载 1) Syntaxhighlighter_3.0.83 (下载点见篇头) 非官方原版,做了如下调整: a) 原版的demo程序存在bug,调整了demo程序(下面的贴图是调整后的demo)。 b) src\shCore.js未压缩的源代码中缺失RegExp对象,造成只能使用scripts\ shCore.js加密混淆文件,造成调试和学习上的不便。我这里将在调试环境中解密后的RegExp对象抽出来,放入src\s...

0
1
发表了博客
2012/08/26 13:21

kindeditor4.x整合SyntaxHighlighter代码高亮

kindeditor4.x代码高亮功能默认使用的是prettify插件,prettify是Google提供的一款源代码语法高亮着色器,它提供一种简单的形式来着色HTML页面上的程序代码,不过因为SyntaxHighlighter的应用非常广泛,所以将kindeditor默认的prettify替换为SyntaxHighlighter代码高亮插件。 1.第一步首先修改kindeditor代码高亮写入pre标签时的class类名: 打开/kindeditor4/plugins/code/code.js,找到类似于这样一行: html = '<pre class="...

4
7
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
发表了问答
2010/11/02 10:07

网页上代码的语法着色SyntaxHighlighter 之外还有哪些比较好用的。

如题。 网页上代码的语法着色SyntaxHighlighter 之外还有哪些比较好用的。 使用简单的最好

3
1
发表了问答
2011/05/23 09:50

本站的网页上的能浏览代码的是什么插件(有行数提示的)

本站的网页上的能浏览代码的是什么插件(有行数提示的)

2
0
发表了问答
2016/04/13 19:19

现在github上面下载的SyntaxHighlighter到底怎么用呢?

我在github上面下载了一个SyntaxHighlighter,目录结构直接是这样的 我怎么才能把他们合并成一个可以用的css,js文件呢 (dist里面是空的) 现在前端也好,怎么说呢,好麻烦

6
0
发表了问答
2013/07/29 21:34

SyntaxHighlighter 3.083,代码高亮在chrome和firefox下各自表现出第一行开始的位置不一致(问题如图),firefox会空一行而chrome没有,求怎么解决呢?

这个是chrome的,正常 下面这个是firefox,空了一行,(PS:我把右上角那个帮助链接去取消掉了) 怎么解决好呢?syntaxhighlighter 3.083

8
1
发表了问答
2010/10/14 14:32

SyntaxHighlighter 3.0.83 (最新版)的 bug

最近在使用 SyntaxHighlighter 时,用了目前最新的版本 3.0.83 ,发现有一个bug 当对 Java 代码进行语法着色的时候,如果代码中包含了如 /* .... */ 这样的多行注释的话,那么注释下面的所有正常代码都会被当成注释,显示为绿色字样。 例如 /* * 你好,我是oschina */ public static void main(String[] args){ System.out.println("Hello oschina!"); } 而 /** .... */ 这样的多行注释则没有问题。 已经向官方提交了这个bug。...

10
1
发表了问答
2010/12/16 14:31

syntaxhighlighter怎么动态加载代码?

昨天开始研究Kindeditor跟syntaxhighlighter的集成使用,直到目前为止,未能成功,望高手帮忙解决下,先谢了。 这样的,看到开源中国用了kindeditor编辑器,并且集成了syntaxhighlighter代码着色插件,就查看它的HTML源码,自己照着配置,不幸的是,未能成功,我估计有一个关键的原因,就是我的syntaxhighlighter用法跟开源中国的不一样,我使用得简洁一些,在HTML静态页面上成功实现了代码着色,但是不能在编辑器可视化界面动态...

7
0
发表了问答
2010/11/05 10:32

代码分享的语法着色库 SyntaxHighlighter 换回 2.x 版本

由于 SyntaxHighlighter 3.0.83 版本存在不少问题,例如双击的处理问题、注释问题 以及代码复制问题,而这些问题迟迟无法得到解决。 今天早上已将 SyntaxHighlighter 的版本降为 2.1.382。2.x 版本使用非常广泛,复制代码也容易,鼠标移到代码上会出现如下的小工具条: 工具栏上几个图标的意思分别代表:查看源码、复制、打印和帮助。 测试发现在 IE6 下第一个查看源码的图标不好使。另外一个不足就是选中某段代码时会包含行号。...

12
4
发表了问答
2014/10/15 23:19

DiscuzX3.1安装语法着色插件Syntax Highlighter

@侠客创想 你好,想跟你请教个问题: 我的discuz论坛后台安装插件总是“无法找到该页”,现在尝试手动安装Syntax Highlighter来解决帖子里代码语法着色问题。看了这里http://www.oschina.net/question/240523_40470,在此希望能请你指点一下,我使用DiscuzX3.1

3
1
发表了问答
2014/03/25 11:20

SyntaxHighlighter异步加载内容

<script type="text/javascript"> $(function(){ SyntaxHighlighter.config.clipboardSwf = '<%=request.getContextPath()%>/static/tools/scripts/clipboard.swf'; $('#tt').tree({ url: '<%=request.getContextPath() %>/index_getNodes.jd', onClick:function(node){ $("pre[name='code']").html(node.content); SyntaxHighlighter.all(); } }); }); </script> <pre name="code" class="brush:java;"> </pre> 怎么加载不出来...

4
0
发表了问答
2014/09/04 17:28

syntaxhighlighter3.0.83怎么开启源码复制功能?

syntaxhighlighter3.0.83怎么开启源码复制功能?

3
0
发表了问答
2012/08/29 17:47

红薯大哥 “syntaxhighlighter” 该升级了吧?

如题! 每次复制代码好麻烦!

2
0
发表了问答
2013/08/30 16:34

SyntaxHighlighter集成到CKEditor中的问题

在网上看了很多关于如何将SyntaxHighLighter集成到CKEditor中的文章,我试了一下,基本上都可以了,只是有一点:正常的情况下,<pre>发布的内容</pre>前面的那一段应该为:<pre class="brush:php">,不过,我试验的只有<pre>,class信息不见了,也就是说,insertcode.js中的有一句没有起作用。insertcode.js全部代码如下: CKEDITOR.dialog.add('Insertcode',              function(editor){      var escape = function(value)   ...

1
0
发表了问答
2014/06/16 23:44

有关code 标签的显示问题.

如图,如果鼠标放在图片右下角的时候,就会出现 hove 菜单遮住文字内容的问题

4
0
发表了问答
2012/11/20 10:07

SyntaxHighlighter长代码如何自动换行

SyntaxHighlighter长代码如何自动换行

3
0
发表了问答
2013/10/26 10:13

SyntaxHighlighter 为什么不能复制?

SyntaxHighlighter 为什么不能复制?

6
0
发表了问答
2014/03/23 20:42

为什么我调用SyntaxHighlighter插件没有高亮显示效果

在本地运行正常(可以高亮显示网页上的程序代码),但是上传至服务器就不行了!查了不少文章,还是没有解决。现将问题具体描述下: 问题页面地址:http://www.chongbuluo.com/picture/img-canvas/transform.html 求大神帮助!谢谢!

6
0
发表了问答
2010/10/25 10:20

SyntaxHighlighter 3.0.83 使用 IE6 复制代码时不会自动换行

开源中国社区“代码分享”上线后,还是发现很多的bug。 有一些 Bug 是我无能为力的,关于 SyntaxHighghter 的有两个: 1. 关于 /* */ 多行注释的问题,请看这里,官网上相应的bug。 2. 在 IE6 下选中代码进行复制,复制后的代码没有换行,而 Firefox 无此问题,官网上相应的bug。 有没有解决这两个问题的,帮忙分享下:) 官网上这两个bug都有人提交过,可是没有得到任何响应。...

5
2
发表了问答
2012/11/02 15:20

syntaxhighlighter_2.0.320 中 复制功能如何开启

下了一个syntaxhighlighter_2.0.320 看了一看 但是 复制功能功开启不了哇 求哪位大神 指点迷津 以下是文件 就是不能实现复制功能 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>SyntaxHighlighter Build Test Page</title> <script type="text/javascript" src="src/shCore.js"></script> <script type="text/javascript" src="scripts/shBrushPhp.js"></script> <link type="text/css" rel="...

6
0
发表了问答
2013/06/25 08:34

SyntaxHighlighter php高亮问题

SyntaxHighlighter 显示代码都正常,可是对于<?php 这样的,会自己加注释,如图 怎么能让它正常显示 <?php ,而不是 <!--?php 这是代码 <pre class="brush: php;"> <strong><?php echo 'test'; ?></strong> </pre>

5
0
发表了问答
2012/11/20 15:04

oschina代码高亮如何添加到自己网站中

oschina代码高亮如何添加到自己网站中,用了3.X最新版的,不会自动换行,注释也有问题,所以想用2.X的,查看oschina源码吧其中的代码复制到自己网站中可是不行,所调用的js,css也都copy到网站中了 <script type="text/javascript" src="/js/syntax-highlighter-2.1.382/scripts/brush.js"></script> <link type="text/css" rel="stylesheet" href="/js/syntax-highlighter-2.1.382/styles/shCore.css"/> <link type="text/css" ...

2
1
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
3 评论
212 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部