一个在网页中加亮显示源代码的工具--dp.SyntaxHighlighter

最新推荐文章于 2021-06-08 21:51:03 发布
最新推荐文章于 2021-06-08 21:51:03 发布
阅读量908 收藏
点赞数
分类专栏： Javascript 文章标签： 工具 delphi stylesheet python ruby class
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liugt/article/details/1721563
版权

 一个老外用Javascrīpt编写的好东西：dp.SyntaxHighlighter。

它可以在网页中对各种程序源代码语法进行加亮显示。支持当前流行的各种编程语言：C#、CSS、C++、Delphi、Java、Javascrīpt、PHP、Python、Ruby、SQL、 Visual Basic、XML / HTML

        下载地址：http://www.dreamprojections.com/syntaxhighlighter/
　    本地下载：http://www.purecss.cn/down/SyntaxHighlighter_1.5.0.zip
　　演示地址：http://www.dreamprojections.com/syntaxhighlighter/Tests/PHP.html

使用方法：

　　1、假设网页文件test.htm存放在一个目录，则将dp.SyntaxHighlighter解压缩到该目录下的子目录，假设为images

　　2、在网页的<head></head>之间插入以下代码：

<LINK href="images/Styles/SyntaxHighlighter.css" type=text/css rel=stylesheet></LINK>   

         3、在网页要显示程序源代码的地方插入以下代码（其中的class="js"表示以js语法显示源代码，其他可设定的class值分别为c#、css、c、delphi、java、js、php、python、ruby、sql、vb、xml）：

<SCRĪPT class=javascrīpt src="images/scrīpts/shCore.js"></SCRĪPT>      
<SCRĪPT class=javascrīpt src="images/scrīpts/shBrushCSharp.js"></SCRĪPT>      
<SCRĪPT class=javascrīpt src="images/scrīpts/shBrushPhp.js"></SCRĪPT>      
<SCRĪPT class=javascrīpt src="images/scrīpts/shBrushJscrīpt.js"></SCRĪPT>      
<SCRĪPT class=javascrīpt src="images/scrīpts/shBrushJava.js"></SCRĪPT>      
<SCRĪPT class=javascrīpt src="images/scrīpts/shBrushVb.js"></SCRĪPT>      
<SCRĪPT class=javascrīpt src="images/scrīpts/shBrushSql.js"></SCRĪPT>      
<SCRĪPT class=javascrīpt src="images/scrīpts/shBrushXml.js"></SCRĪPT>      
<SCRĪPT class=javascrīpt src="images/scrīpts/shBrushDelphi.js"></SCRĪPT>      
<SCRĪPT class=javascrīpt src="images/scrīpts/shBrushPython.js"></SCRĪPT>      
<SCRĪPT class=javascrīpt src="images/scrīpts/shBrushRuby.js"></SCRĪPT>      
<SCRĪPT class=javascrīpt src="images/scrīpts/shBrushCss.js"></SCRĪPT>      
<SCRĪPT class=javascrīpt src="images/scrīpts/shBrushCpp.js"></SCRĪPT>      
<SCRĪPT class=javascrīpt>      
dp.SyntaxHighlighter.HighlightAll('code');     
</SCRĪPT>     

另一个高度代码网址：http://boke.fj126.net/show-132-1.html

liugt
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
dp.SyntaxHighlighter代码分析
weixin_34357887的博客
08-05 71
文章截图 - 更好的排版源代码下载 dp.SyntaxHighlighter代码分析dp.SyntaxHighlighter作为一个最常用的JavaScript代码高亮工具受到广泛的欢迎。 那么你有没有想知道它的内部实现机制是什么，本文在对其分析后，抽取核心代码以重现其功能。 注：本文中的代码高亮使用的就是手工打造的dp.SyntaxHighlighter的简化版。 核心思想 1. 首先定义了一...
dp.SyntaxHighlighter
ProgrammingRoad
07-20 977
dp.SyntaxHighlighter是一个不错的源代码语法高亮插件，用于你的页面中通过js来动态实现语法高亮显示你的源代码。使用js脚本来动态进行代码着色的一个明显的好处在于：不会对原始的代码进行修改，保证原始代码的正确性（基本上所有的通过语法解析然后对字符串添加来进行着色的话或多或少会产生解析错误，并且增加文件大小）。但同时执行效率将有赖于客户端机器的性能。目前此脚本
这两天发现一个老外用JavaScript编写的好东西：dp.SyntaxHighlighter。
雨林
08-04 1066
 dp.Synta 来源http://blog.s135.com/post/226/ r介绍：在网页中加亮显示源代码的工具[原创]  大 | 中 | 小  [ 2007-4-19 14:56 | by 张宴 ] 　　这两天发现一个老外用JavaScript编写的好东西：dp.SyntaxHighlighter。它可以在网页中对各种程序源代码语法进行加亮显示。支持当前流行的各种编程语言：C...
语法高亮工具－dp.SyntaxHighlighter介绍
叮叮咚咚
02-07 1569
dp.SyntaxHighlighter is a free JavaScript tool for source code syntax highlighting. 编写语言：javascript下载目前支持语言：  C# VB & VB.NET Delphi, Pascal JavaScript PHP
使用dp.SyntaxHighlighter加亮源代码脚本
小李专栏
06-14 2744
        1.5版本的dp.SyntaxHighlighter支持12种编程语言：C#、CSS、C++、Delphi、Java、JavaScript、PHP、Python、Ruby、SQL、Visual、Basic、XML/HTML。        dp.SyntaxHighlighter的使用非常简单，你只需在源代码页的页面头部、尾部分别导入下面代码。头部：href="/blo
关于实现代码语法标亮 dp.SyntaxHighlighter
10-31
标题中的“关于实现代码语法标亮 dp.SyntaxHighlighter”指的是使用JavaScript库dp.SyntaxHighlighter来为网页中的代码段添加语法高亮显示的功能。这个库旨在帮助开发者轻松地在线发布带有格式化的代码片段，无需...
商业编程-源码-SyntaxHighlighter高亮代码显示实例源码.zip
06-21
这个压缩包文件“商业编程-源码-SyntaxHighlighter高亮代码显示实例源码.zip”包含了使用SyntaxHighlighter实现代码高亮的示例源代码，适合于那些想要在自己的商业网站或博客上展示技术文章、教程或者分享代码片段的...
dp.SyntaxHighlighter.rar_4 3 2 1_SyntaxHighlighter_dp.SyntaxHigh
09-19
javascript 的语法高亮代码 支持： 1. C# 2. CSS 3. C++ 4. Delphi 5. Java 6. JavaScript 7. PHP 8. Python 9. Ruby 10. SQL 11. Visual Basic 12. XML / HTML 众多流行语言
wps代码块插件wps-syntaxhighlighter
最新发布
10-06
wps代码块插件
代码高亮显示插件——dp.SyntaxHighlighter的使用
weixin_30919235的博客
04-28 102
最近经常用看各种论坛，博客，看到一种新的代码显示插件，感觉挺方便，好用的，特拿来与大家分享一下。 下面是这种插件的截图，大家也许也见了不少： 这种插件不仅让代码的展示变得美观了许多，并且还给喜欢自己代码的朋友提供的方便。以前我们看到的网上 的代码片断一般是直接将各种开发环境中的代码直接拷过来的，所以如果你直接在页面上复制的话，它是不能 直接使用的。现在使用这个插件，我们可以直接拷贝了，...
通用代码高亮插件（SyntaxHighlighter）
Hello World!
05-31 1524
转自：http://www.cnblogs.com/heyuquan/archive/2012/09/28/2707632.html 博客：通用代码高亮插件（SyntaxHighlighter） =============C#.Net 篇目录==============          写这篇博文的起源是我想把自己的博客弄的更加美观，相信你也一样。          首先，我要说
html 代码块显示 插件,代码区高亮显示插件-SNIPPET
weixin_42300798的博客
06-08 2385
插件描述：Snippet 是一款Jquery高亮插件，他提供了一个快速和简便的在html中高亮显示源代码的方式。Snippet 是一款Jquery高亮插件，他提供了一个快速和简便的在html中高亮显示源代码的方式。高亮语言支持原始支持15种流行语言C、C++、C#、CSS、Flex、HTML、Java、JavaScript、JavaScript with DOM、Perl、PHP、Python、R...
SyntaxHighlighter
juzhengqian9510的博客
11-01 1708
代码高亮最近项目里需要代码高亮的功能，从网上看到了很多代码还是不行。遇到两个问题： 1、dp.SyntaxHighlighter.HighlightAll(‘code’); 报错：dp is not defined 2、抛弃第一种写法后使用 SyntaxHighlighter.all(); 错误：是能高亮以pre标签写的代码。textarea标签的代码不能正常展示。 后来，用firebu
加亮语法代码
ξσ Dicky's Blog σξ
04-09 1278
代码如下： 加亮显示 * {font-size: 14px} function highLight_attribute($1) { var attribute_html = $1 var re = /([/S]+=)(/S+)/g attribute_html = attribute_html.replace(re
实时在线预览编辑html网页,html编辑在线预览的代码小工具
weixin_30765637的博客
05-31 1122
你好，欢迎你，代码在下面.html_Test_title{font-size:1.1em;background:#abc;border-top:1px solid green;border-bottom:1px solid green;padding:5px 6px;margin:3px 1px;display:block;}.html_Test_ts{color:green;font-size:...
怎么在vue2项目中使用SyntaxHighlighter
09-27
在上述代码中，我们定义了一个data属性code来存储要展示的代码，language属性用来指定代码的语言类型，这里使用的是JavaScript。 最后，即可通过访问该Vue组件，来展示具有语法高亮效果的代码。 需要注意的是，实际...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值