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

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

#工具 #delphi #stylesheet #python #ruby #class

dp.SyntaxHighlighter 是一款用 JavaScript 编写的支持多种编程语言代码高亮显示的工具，包括 C#、CSS、C++ 等。本文介绍如何在网页中部署并使用该工具。

 一个老外用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

关于实现代码语法标亮 dp.SyntaxHighlighter
10-31
标题中的“关于实现代码语法标亮 dp.SyntaxHighlighter”指的是使用JavaScript库dp.SyntaxHighlighter来为网页中的代码段添加语法高亮显示的功能。这个库旨在帮助开发者轻松地在线发布带有格式化的代码片段，无需...
程序员专用刷题-syntaxhighlighter-evolved-lsl-brush:WordPress.org插件镜像
07-01
LSL Brush是这个插件的一个扩展，它提供了LSL代码的特定样式规则，包括关键字、变量、注释等的高亮显示，使得LSL代码在WordPress网站上更加易于阅读和理解。 在下载的压缩包 "syntaxhighlighter-evolved-lsl-brush-...
dp.SyntaxHighlighter代码分析
weixin_34357887的博客
08-05 117
文章截图 - 更好的排版源代码下载 dp.SyntaxHighlighter代码分析dp.SyntaxHighlighter作为一个最常用的JavaScript代码高亮工具受到广泛的欢迎。 那么你有没有想知道它的内部实现机制是什么，本文在对其分析后，抽取核心代码以重现其功能。 注：本文中的代码高亮使用的就是手工打造的dp.SyntaxHighlighter的简化版。 核心思想 1. 首先定义了一...
dp.SyntaxHighlighter
ProgrammingRoad
07-20 1054
dp.SyntaxHighlighter是一个不错的源代码语法高亮插件，用于你的页面中通过js来动态实现语法高亮显示你的源代码。使用js脚本来动态进行代码着色的一个明显的好处在于：不会对原始的代码进行修改，保证原始代码的正确性（基本上所有的通过语法解析然后对字符串添加来进行着色的话或多或少会产生解析错误，并且增加文件大小）。但同时执行效率将有赖于客户端机器的性能。目前此脚本
这两天发现一个老外用JavaScript编写的好东西：dp.SyntaxHighlighter。
雨林
08-04 1151
 dp.Synta 来源http://blog.s135.com/post/226/ r介绍：在网页中加亮显示源代码的工具[原创]  大 | 中 | 小  [ 2007-4-19 14:56 | by 张宴 ] 　　这两天发现一个老外用JavaScript编写的好东西：dp.SyntaxHighlighter。它可以在网页中对各种程序源代码语法进行加亮显示。支持当前流行的各种编程语言：C...
一个不错的源代码语法高亮插件dp.SyntaxHighlighter
weixin_30569153的博客
09-15 143
dp.SyntaxHighlighter是一个不错的源代码语法高亮插件，用于你的页面中通过js来动态实现语法高亮显示你的源代码。使用js脚本来动态进行代码着色的一个明显的好处在于：不会对原始的代码进行修改，保证原始代码的正确性（基本上所有的通过语法解析然后对字符串添加<span></span>来进行着色的话或多或少会产生解析错误，并且增加文件大小）。但同时执行...
SyntaxHighlighter
juzhengqian9510的博客
11-01 1830
代码高亮最近项目里需要代码高亮的功能，从网上看到了很多代码还是不行。遇到两个问题： 1、dp.SyntaxHighlighter.HighlightAll(‘code’); 报错：dp is not defined 2、抛弃第一种写法后使用 SyntaxHighlighter.all(); 错误：是能高亮以pre标签写的代码。textarea标签的代码不能正常展示。 后来，用firebu
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 众多流行语言
商业编程-源码-SyntaxHighlighter高亮代码显示实例源码.zip
06-21
这个压缩包文件“商业编程-源码-SyntaxHighlighter高亮代码显示实例源码.zip”包含了使用SyntaxHighlighter实现代码高亮的示例源代码，适合于那些想要在自己的商业网站或博客上展示技术文章、教程或者分享代码片段的...
dp.SyntaxHighlighter: 多语言源代码高亮显示工具
标题：“SyntaxHighlighter_1.5.0”指的是一个特定版本的 Syntax Highlighter，这是一个功能强大的JavaScript库，用于在网页上展示源代码，特别是程序代码。它能够将代码中的关键字、字符串、注释、变量等部分以不同...
语法高亮工具－dp.SyntaxHighlighter介绍
叮叮咚咚
02-07 1640
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 2808
        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的使用
weixin_30919235的博客
04-28 163
最近经常用看各种论坛，博客，看到一种新的代码显示插件，感觉挺方便，好用的，特拿来与大家分享一下。 下面是这种插件的截图，大家也许也见了不少： 这种插件不仅让代码的展示变得美观了许多，并且还给喜欢自己代码的朋友提供的方便。以前我们看到的网上 的代码片断一般是直接将各种开发环境中的代码直接拷过来的，所以如果你直接在页面上复制的话，它是不能 直接使用的。现在使用这个插件，我们可以直接拷贝了，...
SyntaxHighlighter：很优秀的代码着色工具
令狐葱的技术博客
09-10 3380
SyntaxHighlighter 是Google Code 上的一个开源项目，主要用于给网页上的代码着色，使用十分方便，效果也不错，而且几乎支持常见的所有语言。 安装使用方法： 1. 首先在页面上添加如下代码（假设下载后的SyntaxHighlighter放在SyntaxHighlighter目录下面，注意目录结构）： window.onload = function ()
通用代码高亮插件（SyntaxHighlighter）
Hello World!
05-31 1639
转自：http://www.cnblogs.com/heyuquan/archive/2012/09/28/2707632.html 博客：通用代码高亮插件（SyntaxHighlighter） =============C#.Net 篇目录==============          写这篇博文的起源是我想把自己的博客弄的更加美观，相信你也一样。          首先，我要说
html 代码块显示 插件,代码区高亮显示插件-SNIPPET
weixin_42300798的博客
06-08 2576
插件描述：Snippet 是一款Jquery高亮插件，他提供了一个快速和简便的在html中高亮显示源代码的方式。Snippet 是一款Jquery高亮插件，他提供了一个快速和简便的在html中高亮显示源代码的方式。高亮语言支持原始支持15种流行语言C、C++、C#、CSS、Flex、HTML、Java、JavaScript、JavaScript with DOM、Perl、PHP、Python、R...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值