7个高性能javascript代码高亮插件 -欧洲杯足彩官网

4顶
0踩

对于喜欢写技术博客的同学来说,一定对代码高亮组件非常熟悉。一款优秀的javascript代码高亮插件,将会帮助你渲染任何一种编程语言,包括一些关键字的着色,以及每行代码的缩进等。今天我们要来分享一些高性能的javascript代码高亮插件,这些javascript代码高亮插件将非常有效地帮你实现在网页上的代码编辑和展示。

1、– 最优秀的javascript代码高亮插件

syntaxhighlighter 是一款完全基于javascript的代码高亮插件,syntaxhighlighter可以对大部分编程语言进行着色渲染,而且代码高亮的性能也非常不错。syntaxhighlighter 可以自定义主题文件,在初始化的时候指定自己喜欢的主题即可。

 

 2、 – 自由地javascript代码高亮插件

google code prettify是一款由google推出的javascript代码高亮插件,google code prettify可以对c/c ,java,python,ruby,php,visualbasic,awk,bash,sql,html,xml,css,javascript,makefiles和部分perl编程语言代码高亮着色。



 3、 – 多风格javascript代码高亮插件

highlight.js是一个用于在任何web页面上高亮着色显示各种示例源代码语法的javascript项目。具有以下特色:

  • 支持 92 种语言,49 种代码格式化风格。
  • 自动检测语言种类
  • 支持多语言混合的代码高亮
  • 支持node.js
  • 支持使用任何html标记
  • 兼容任意js框架

4.  - 轻量级javascript代码高亮插件

prism.js是目前最为轻量级的javascript代码高亮插件,他压缩后只有2kb的大小,prism.js也支持大部分流行的编程语言,并且支持多种主题样式,开发者只需要引用css文件和js文件即可完成。

5、 – jquery轻量级代码高亮插件

这款代码高亮插件是基于jquery的,同样也是轻量级的,渲染速度非常快。同时jquery.syntax还具有wordpress的插件应用,对于个人博主来说,使用wordpress和jquery.syntax可以完美实现0代买的高亮功能。

6. – jquery简单高效代码高亮插件

dlhighlight是基于javascript的代码高亮插件,非常简单,目前只支持javascript, css, xml, html。 

7、 – 可扩展的javascript代码高亮插件

 

rainbow 是javascript开发的语法高亮工具。被设计为轻量级(压缩后仅1.4 kb),使用简单,可扩展。语法高亮主题完全通过css定义。基于正则表达式实现。


 

这几个javascript代码高亮插件都是比较常用的,如果你有更优秀的代码高亮插件,欢迎告诉我们。

 

  • 大小: 30.2 kb
  • 大小: 32.8 kb
  • 大小: 24.3 kb
  • 大小: 41.8 kb
  • 大小: 28.8 kb
  • 大小: 33.4 kb
  • 大小: 21.4 kb
来自:
4
0
评论 共 2 条 请登录后发表评论
2 楼 2014-10-12 18:18
codemirror
1 楼 2014-10-11 15:39
                                                                                                                                                                                                  

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • 我有一个下拉列表,需要使用json文件中的内容填充。我有一个php文件,可以解析这个json文件并回显所需的输出。这是我的json,$filecontents = file_get_contents('users.txt');$jsoniterator = new ...

  • 我还希望顶部的ajax代码在页面加载和onchange上触发,以便填充第二个列表。这是因为它在编辑页面上。这是使用第一个的ajax调用function get_cities(networks) {$.ajax({type: "post",url: "select.php", /* th...

  • 从属或链接下拉列表是一个特殊字段,它依赖于先前选择的字段,以显示已过滤选项的列表。最常见的地方就是通过地址里选择省份,然后显示出该省份下所有城市列表。以下面的应用程序为例:models.pyfromdjango....

  • 所有省份都正确变化,但是当它最初加载时,select2对于状态下拉列表显示“undefined”,即使我设置为 data-placeholder="choose a country..." 我假设可能是因为加载,所选的国家是“美国”,它填充一个状态列表,但...

  • 前端页面代码如下,我用的php,html页面应该就行,主要是在id="ph"的div内加载数据: <!doctype ...

  • 国家/地区列表在页面加载时在下拉框中填充>城市列表在页面加载 – 填充城市列表的下拉框中填充基于默认国家/地区.第二种情况 – 无法做到:>用户更改国家/地区>城市列表将根据所选国家/地区进行更改我知道...

  • 我的选项列表使用以下脚本动态填充:function addoption(selectid, value, text, selected) {var html = '' text '';if (selected == "on") {html = '' text '';}$('#' selectid).append(html);}function ...

  • 1.滚动事件的方法 ,其中currentpage是分页中的pagenum , 也就是第几页数据 人后调用列表数据接口 即可。 2. 在mounted中挂载一下滚动的...3. 在离开页面时,移出滚动事件,避免有其他的影响 这样就可以了。 ...

  • 在结账时我想获得网上商店提供的国家列表并使用它,以便客户可以选择他住的地方.该国的选择是商店也出货的产品.但是我遇到了一些问题.主要的问题是它的构造方式是选择一个区域,该区域将使用url中的额外参数重新加载...

  • 点击上方“程序员黑叔”,选择“置顶或者星标”你的关注意义重大!文/云音乐前端技术团队阅读本文需要5分钟本文主旨长列表渲染、无限下拉也算是前端开发老生常谈的问题之一了,本文将介绍一种简洁...

  • 这篇文章主要为大家详细介绍了ajax动态为下拉列表添加数据的实现方法... js部分,建一个function方法,利用ajax,指向 'getalltypes.action' 的servlet部分,获取传来的下拉列表的数据,动态填充 function loadtype...

  • 加载页面时,动态从数据库获取数据加载到下拉列表中  function selgroups(groups){  var st=$("#gp");  $("#gp").find("option").each(function(){  $(this).remove();  });...

  • h5 移动端列表上拉页面触底加载分页数据(支持容器局部),类似uni-app微信小程序的onreachbottom()页面触底生命周期函数(监听屏幕触底事件,实现移动端下拉懒加载效果),移动端上拉加载下一页数据组件,h5触底...

  • 设计无限滚动下拉加载,实践高性能页面真谛 ux planet论坛上有过这么一篇热门文章: infinite scrolling best practices,它从ux角度分析了无限滚动加载的设计实践。 无限滚动加载在互联网上到处都有应用: 豆瓣...

  • 若依框架excel下拉选择超过50不显示的问题

  • 通过对scroll-view组件的封装,实现简单的下拉刷新,分页加载的功能 scroll-view index.html <scroll-view bindrefresherrefresh="bindrefresherrefresh" bindscrolltolower="bindscrolltolower" enhanced=...

  • 原标题:十种加载样式对于设计师来说往往更多的是注重界面的设计,从而忽略...加载如同反馈,在人机交互中,用户与界面的每一次互动都是一次加载过程。因操作导致的页面跳转、刷新或弹窗等从而使页面元素或信息发生...

  • 注意:测试时记住要先将但webview的header去掉,不去掉也行,只是在下拉刷新时你会看到两个header,一个是container的header,一个是内容页面的header <!doctype html> <title></title> ,initial-scale=1...

  •  需要将数据写在xml中,然后设置下拉框的entries属性,则数据自动加载到下拉框中。具体如下:  在value文件夹中新建cityinfo.xml,xml中写入 [html] view plaincopy xml version=...

  • vb语言vb光盘管理系统设计(源代码 系统)本资源系百度网盘分享地址

global site tag (gtag.js) - google analytics
网站地图