IT技术博客大学习 共学习 共进步
全部 移动开发 后端 数据库 AI 算法 安全 DevOps 前端 设计 开发者

7款实用的Javascript代码高亮脚本

UED TEAM 2011-07-05 23:21:25 累计浏览 1,958 次
本机暂存

    代码高亮很有用,特别是在需要在网站或者blog中显示自己编写的代码的时候,或者给其他人查看或调试语法错误的时候。我们可以在显示中支持代码高亮,以便于阅读者可以十分方便的读取代码块、增加用户阅读代码的良好体验。

    目前,有很多免费而且有用的代码高亮脚本。这些脚本大多是由Javascript语言编写,也有些使用其它语言(比如java、Phyton或Ruby)等写的。

     今天,UED推荐最受欢迎最实用的的7款Javascript代码高亮脚本吧。

1. SyntaxHighlighter

    我相信这是最普遍代码高亮代码。它支持很多中不同的语言,而且如果你使用的语言不被默认支持,你也可以很简单的创建新“刷子”。

    原图已失效

2. SHJS

    SHJS是Syntax Highlighting in Javascript的简写。It 来自于GNU 源码高亮语言。并支持很多种编程语言。经测试SHJS 支持主流浏览器比如Firefox 2+, IE 6+, Opera 9.6+, Safari 3.2 及Chrome 1.0+.

    原图已失效

3. beautyOfCode

    beautyOfCode 是一款jQuery 代码高亮插件。它使用SyntaxHighlighter 的脚本,并使其更好的兼容XHTML。

    原图已失效

4. Chili

    Chili 是一个jQuery代码高亮插件。它捆绑了很多中语言支持,并支持多个设置选项。

    原图已失效

5. Lighter.js

    Lighter.js是一款免费的MooTools代码高亮插件。使用lighter.js简单到只需要在你的页面中添加一段简单的脚本就OK了。

    原图已失效

6. Highlight.js

    highlight.js是一款非常容易使用的高亮脚本,支持多种编程语言。它还有一些很有用的插件,很容易的部署到其它CMS、论坛或博客。

    原图已失效

7. DlHighlight

    DlHighlight是一款简单的代码高亮脚本,它只支持4中编程语言:JavaScript, CSS, XML, HTML.

    原图已失效

    总之,收藏几款代码高亮的脚本对于做前段开发的朋友是一个明智的选择,如果您有发现或开发其他代码高亮的脚本,欢迎推荐给UED来。(投稿邮箱webfenxi#qq.com,标题注明:ued投稿。)

同分类推荐文章

  1. translateZ() (2026-06-25 21:18:56)
  2. translateY() (2026-06-25 21:17:56)
  3. translateX() (2026-06-25 21:16:01)

查看更多 前端 文章 →

建议继续学习

  1. JQuery实现Excel表格呈现 (累计阅读 48,349)
  2. 深入理解Javascript之执行上下文(Execution Context) (累计阅读 18,404)
  3. 从输入 URL 到页面加载完成的过程中都发生了什么事情? (累计阅读 15,933)
  4. 图片动态局部毛玻璃模糊效果的实现 (累计阅读 14,848)
  5. 天朝第二代身份证号码的验证机制 (累计阅读 14,761)
  6. HTML 5 的data-* 自定义属性 (累计阅读 14,349)
  7. 分享一个JQUERY颜色选择插件 (累计阅读 14,223)
  8. 什么是全栈工程师? (累计阅读 14,038)
  9. 快速排序(Quicksort)的Javascript实现 (累计阅读 11,735)
  10. 7 天打造前端性能监控系统 (累计阅读 11,187)