Javascript实现的CSS代码高亮显示,2014最热门的Ja

作者: 关于计算机  发布:2019-09-20

比较JavaScript,CSS的语法就轻便多了,主尽管拍卖注释、字符串、CSS样式名称、CSS样式值、缩进和换行,具体实际情况请看代码。

  对于爱好写本领博客的同校来讲,一定对代码高亮组件非常熟稔。一款不错的JavaScript代码高亮插件,将会赞助你渲染任何一种编制程序语言,包含一些主要字的着色,以及每行代码的缩进等。后天咱们要来分享部分高质量的JavaScript代码高亮插件,这么些JavaScript代码高亮插件将极度平价地帮你完毕在网页上的代码编辑和展示。

Javascript落到实处CSS代码高亮展现

 1、SyntaxHighlighter – 最理想的JavaScript代码高亮插件

body{ font-size:12px; line-height:1.8; } #area{ width:320px; line-height:1.5; font-family:"Courier New", Courier, monospace; } /* ul{ margin:0; padding:0; } */

  SyntaxHighlighter 是一款完全基于JavaScript的代码高亮插件,SyntaxHighlighter 能够对绝大好些个编制程序语言实行着色渲染,何况代码高亮的习性也非常科学。SyntaxHighlighter 能够自定义大旨文件,在开首化的时候钦赐本人心爱的大旨就能够。

This'S Testing……

图片 1

[Ctrl+A 全选 注:如需引进外界Js需刷新本事实践]

  官网:

你可能感兴趣的小说:

  • angularjs完结找寻的至关重要字在正文中高亮出来
  • Angularjs实现寻找关键字高亮展现效果
  • jsp网页寻觅结果中达成选中一行使其高亮
  • 用JS将寻找的机要字高亮突显达成代码
  • 用js查找法完结当前栏指标高亮展现的代码
  • 二种简易完结菜单高亮凸显的JS类代码
  • javascript 关键字高亮显示实今世码
  • javascript高亮效果的二种完成格局
  • js 玩转正则表明式之语法高亮
  • JavaScript兑现的查找及高亮突显效果示例

 2、谷歌 Code Prettify – 自由地JavaScript代码高亮插件

  Google Code Prettify是一款由谷歌推出的JavaScript代码高亮插件,谷歌 Code Prettify能够对C/C++, Java, Python, Ruby, PHP, VisualBasic, AWK, Bash, SQL, HTML, XML, CSS, JavaScript, Makefiles和一部分Perl编程语言代码高亮着色。

图片 2

  官方网址:

 3、Highlight.js – 多风格JavaScript代码高亮插件

  highlight.js是二个用于在其他web页面上高亮着色展现各样示例源代码语法的JavaScript项目。拥有以下特点:

  • 帮衬 92 种语言,49 种代码格式化风格。
  • 自动物检疫查测量检验语言类别
  • 辅助多语言混合的代码高亮
  • 支持Node.js
  • 援助选用任何HTML标识
  • 相当大肆js框架

    图片 3

      官网:

     4、Prism.JS -轻量级JavaScript代码高亮插件

      Prism.JS是眼前特别轻量级的JavaScript代码高亮插件,他压缩后唯有2KB的大小,Prism.JS也帮衬超过四分之二盛行的编制程序语言,并且援救两种大旨样式,开辟者只需求引用CSS文件和JS文件就可以完毕。

    图片 4

      官网:

     5、jQuery.Syntax – jQuery轻量级代码高亮插件

      那款代码高亮插件是依附jQuery的,同样也是轻量级的,渲染速度非常的慢。同偶然候jQuery.Syntax还怀有wordpress的插件应用,对于私有博主来讲,使用wordpress和jQuery.Syntax能够健全兑现0代买的高亮效率。

    图片 5

      官网:

     6、DlHighlight – jQuery轻易高效代码高亮插件

      DlHighlight是基于JavaScript的代码高亮插件,非常轻巧,近期只协助JavaScript, CSS, XML, HTML。

    图片 6

      官网:

     7、Rainbow.js – 可扩大的JavaScript代码高亮插件

      Rainbow 是JavaScript开垦的语法高亮工具。被规划为轻量级(压缩后仅1.4 kb),使用简便,可扩展。语法高亮主题完全通过CSS定义。基李林则表明式实现。

    图片 7

      官方网站:

      这多少个JavaScript代码高亮插件都以相比较常用的,如果你有更理想的代码高亮插件,应接告诉我们。

总结:

最契合本身的才是最佳的,所以本文排序在前不意味最推荐,我们要么基于自个儿的门类须要来抉择吧。

你或然感兴趣的稿子:

  • JavaScript版代码高亮
  • ASP语法高亮类代码
  • 用js查找法达成当前栏指标高亮彰显的代码
  • js包容IE6,IE7菜单高亮呈现效果代码
  • javascript网页根本字高亮代码
  • fckeditor 代码语法高亮
  • Javascript落到实处的CSS代码高亮显示
  • tinyMCE插件开采之插入html,php,sql,js代码 并代码高亮呈现
  • 三种简单完结菜单高亮呈现的JS类代码
  • javascript 关键字高亮展现达成代码
  • 高亮呈现web页表格行的javascript代码
  • 高速的报表行背景隔行变色及选定高亮的JS代码
  • jQuery语法高亮插件帮忙各类程序源代码语法着色加亮
  • 享受拾陆个美化代码的代码语法高亮工具
  • 用JS将追寻的首要性字高亮彰显实现代码
  • 哪些贯彻正则表达式的JavaScript的代码高亮
  • 2014年最火热的15 款代码语法高亮工具,美化你的代码

本文由贝博体育app发布于关于计算机,转载请注明出处:Javascript实现的CSS代码高亮显示,2014最热门的Ja

关键词:

上一篇:没有了
下一篇:自动分号插入