admin 管理员组

文章数量: 1087649

highlight.js css,highlight代码高亮插件

之前自己写的一个代码高亮的显示功能，现在看来是太过简洁了，正好最近看到了highlight的插件，就直接拿来用了，但是highlight的插件，生成的代码结构中，没有行数的显示，所以就对代码稍微添加了点东西，成为现在的样子，估计以后的文章中，代码展示以及示例中，都会以本文中出现的样子进行展示了，所以这里~~~

概述

关于highlight的具体信息，请查看该插件的官网：/，具体的使用方法呢，也是在其中可以展示的，这里就不做过多的描述了，我这里对该插件做了一点小小的更改，因为想让这个插件更符合我自己的习惯而已。

更改过的插件使用

使用的方法，是和highlightjs中的方法相同的，最简单的方法就是调用hljs.highlightBlock(block);传入的block是包含代码的pre中的code元素，别人的插件，自己只是做了少量的修改，连使用方法的API都没有更改，所以感觉说什么都是多余的~~~就直接看示例吧。

本来，这个插件是可以对很多编程语言进行高亮处理的，但是我本人呢，就只是写一些JS，CSS，HTML的而已，所以，这里就把支持其他编程语言高亮的代码给移除了，现在就先看下这三种的显示吧：

HTML的显示

HTML的代码，如果想要显示，不管怎么说，都得要先把标签中的”"和">(>)"进行一下编码，所以，这里也是需要进行一些编码的，来看下

本文标签： highlightjs css highlight代码高亮插件

版权声明：本文标题：highlight.js css,highlight代码高亮插件 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.roclinux.cn/p/1700324763a397354.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。