这两天发现一个老外用JavaScript编写的好东西：dp.SyntaxHighlighter。

最新推荐文章于 2021-06-28 13:42:29 发布
最新推荐文章于 2021-06-28 13:42:29 发布
阅读量1k 收藏 1
点赞数
分类专栏： js / jq / vue

 dp.Synta

来源http://blog.s135.com/post/226/

r介绍：在网页中加亮显示源代码的工具[原创]

 大 | 中 | 小 

[不指定 2007-4-19 14:56 | by 张宴 ]

　　这两天发现一个老外用JavaScript编写的好东西：dp.SyntaxHighlighter。它可以在网页中对各种程序源代码语法进行加亮显示。支持当前流行的各种编程语言：C#、CSS、C++、Delphi、Java、JavaScript、PHP、Python、Ruby、SQL、Visual Basic、XML / HTML

　　下载地址：http://www.dreamprojections.com/syntaxhighlighter/
　　演示地址：http://www.dreamprojections.com/syntaxhighlighter/Tests/PHP.html

　　使用方法：
　　1、假设网页文件test.htm存放在一个目录，则将dp.SyntaxHighlighter解压缩到该目录下的子目录，假设为images
　　2、在网页的<head></head>之间插入以下代码：


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

　　4、在网页尾部的</body>之前插入以下代码：

 

胖胖爱家
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
syntaxhighlighter 代码高亮
03-23
syntaxhighlighter语法高亮工具，它不需要与服务器交互，只需要包含相应的格式代码JS包，就可以轻松实现代码高亮，使用非常简单。又很多种语言的刷子哦~
关于实现代码语法标亮 dp.SyntaxHighlighter
10-31
标题中的“关于实现代码语法标亮 dp.SyntaxHighlighter”指的是使用JavaScript库dp.SyntaxHighlighter来为网页中的代码段添加语法高亮显示的功能。这个库旨在帮助开发者轻松地在线发布带有格式化的代码片段，无需...
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脚本来动态进行代码着色的一个明显的好处在于：不会对原始的代码进行修改，保证原始代码的正确性（基本上所有的通过语法解析然后对字符串添加来进行着色的话或多或少会产生解析错误，并且增加文件大小）。但同时执行效率将有赖于客户端机器的性能。目前此脚本
SyntaxHighlighter代码加色使用方法
技术百宝箱
12-24 567
 原名：SyntaxHighlighter，是一款用于web页面的代码着色工具，可以用来着色多种语言，可以是HTML,CSS,Javascript,还可以是C,JAVA等编程语言。最早见于Yahoo的YUI，当时还属于自由软件，最近打开官方网站发现已被goolge收编。它可以在网页中对各种程序源代码语法进行加亮显示。支持当前流行的各种编程语言：C#、CSS、C++、Delphi、Java、JavaScript、PHP、Python、Ruby、SQL、Visual Basic、XML / HTML 下载地址：
代码高亮显示插件——dp.SyntaxHighlighter的使用
weixin_30919235的博客
04-28 102
最近经常用看各种论坛，博客，看到一种新的代码显示插件，感觉挺方便，好用的，特拿来与大家分享一下。 下面是这种插件的截图，大家也许也见了不少： 这种插件不仅让代码的展示变得美观了许多，并且还给喜欢自己代码的朋友提供的方便。以前我们看到的网上 的代码片断一般是直接将各种开发环境中的代码直接拷过来的，所以如果你直接在页面上复制的话，它是不能 直接使用的。现在使用这个插件，我们可以直接拷贝了，...
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 众多流行语言
TinyMCE.SyntaxHighlighter:TinyMCE 4 插件，用于输出与 Highlight.js 兼容的代码
07-17
TinyMCE是一个强大的所见即所得（WYSIWYG）富文本编辑器，广泛应用于网页内容编辑和管理系统中。它提供了丰富的自定义功能和插件系统，以满足各种复杂的编辑需求。SyntaxHighlighter是TinyMCE的一个插件，专注于代码...
tinymce-syntaxhighlighter:这是一个基于 SyntaxHighlighter 的 TinyMCE 插件
06-01
这是一个基于 SyntaxHighlighter 的 TinyMCE 插件。 开始 安装 v0.10 或更高版本 安装 npm install -g bower 在当前目录下安装 bower 包bower install 在浏览器中打开examples/tinymce-syntaxhighlighter.html
语法高亮工具－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
Gunter's Blog
08-01 908
 一个老外用Javascrīpt编写的好东西：dp.SyntaxHighlighter。它可以在网页中对各种程序源代码语法进行加亮显示。支持当前流行的各种编程语言：C#、CSS、C++、Delphi、Java、Javascrīpt、PHP、Python、Ruby、SQL、 Visual Basic、XML / HTML        下载地址：http://www.dreamproject
一个不错的源代码语法高亮插件dp.SyntaxHighlighter
weixin_30569153的博客
09-15 85
dp.SyntaxHighlighter是一个不错的源代码语法高亮插件，用于你的页面中通过js来动态实现语法高亮显示你的源代码。使用js脚本来动态进行代码着色的一个明显的好处在于：不会对原始的代码进行修改，保证原始代码的正确性（基本上所有的通过语法解析然后对字符串添加<span></span>来进行着色的话或多或少会产生解析错误，并且增加文件大小）。但同时执行...
JS插件---->SyntaxHighlighter的使用
weixin_30478923的博客
09-12 252
　　SyntaxHighlighter是一款用于web页面的代码着色工具，可以用来着色多种语言。今天我们通过实例来学习一下它的用法。旧同桌不是老情人，但与你分享过的青春不比初恋少半分。 SyntaxHighlighter的简单实例 一、SyntaxHighlighter的代码流程如下 1、Add base files to your page: shCore.js and shCo...
FCKeditor 2.4.3精简优化带代码高亮（Dphighlighter）插件版
雨林
08-04 676
FCKeditor 2.4.3精简优化带代码高亮（Dphighlighter）插件版 转自：http://www.sablog.net/blog/archives/288/ 不要问我有没有上传功能，或者叫我恢复上传功能。需要上传功能请使用原版。拒绝回答一切FCK上传相关的内容。 2007年07月16日更新 修正添加链接出错的BUG 修正FireFox浏览器下撤消链接无效的BUG 电信演示...
SyntaxHighlighter代码高亮插件
weixin_34363171的博客
08-11 81
SyntaxHighlighter它是Google Code在一个开源项目,主要用于对代码着色页,使用十分方便,效果也不错,并且差点儿支持常见的全部语言。使用步骤：一、下载并解压缩SyntaxHighlighter(http://download.csdn.net/detail/itmyhome/7757359)当前版本号3.0.83二、引入文件将解压后的scripts和styles目录拷贝到...
SyntaxHighlighter代码高亮框架使用方法
美奇软件开发工作室
03-09 2343
一、SyntaxHighlighter介绍 SyntaxHighlighter是一款用于web页面的代码着色工具，可以用来着色多种语言，可以是HTML,CSS,Javascript,还可以是C,JAVA等编程语言。它可以在网页中对各种程序源代码语法进行加亮显示。支持当前流行的各种编程语言：C#、CSS、C++、Delphi、Java、JavaScript、PHP、Python、Ruby、SQL、Visual Basic、XML / HTML。 下载地址： ...
WordPress代码高亮插件SyntaxHighlighter使用详解
服务器端攻城师
04-17 3419
咱们的博客中经常需要粘贴代码，所以我在博客中安装了WordPress的插件 SyntaxHighlighter 这是一个代码高亮、模式化的工具，能代码在网页上以类似IDE编辑器里的样子高亮关键字。 代码高亮显示效果： 安装方法：     只需要在后台插件里搜索“SyntaxHighlighter Evolved”之后点击安装，启用即可。 使用方法：   在
【js算法】动态归回dp----不同路径（详细解答，一看就懂）
qq_41409353的博客
06-28 443
【问题】 一个机器人位于一个 m x n 网格的左上角 （起始点在下图中标记为“Start” ）。 机器人每次只能向下或者向右移动一步。机器人试图达到网格的右下角（在下图中标记为“Finish”）。 问总共有多少条不同的路径 【思路】 最后的终点有两条路径 从上边一格进入或者从左边 一格进入； 给每一个格子一格值，表示走入这个格子的走法，那么， 最后一个格子的走法 = 上边一个格子的走法 + 左边一格格子的走法 找到动态规划的公式之后 【代码】 /** * @param {number} m * @p
怎么在vue2项目中使用SyntaxHighlighter
最新发布
09-27
在上述代码中，我们定义了一个data属性code来存储要展示的代码，language属性用来指定代码的语言类型，这里使用的是JavaScript。 最后，即可通过访问该Vue组件，来展示具有语法高亮效果的代码。 需要注意的是，实际...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值