java实现语法高亮插件_前端开发：一个语法高亮显示的JavaScript插件（highlight.js）... - Go语言中文社区

java实现语法高亮插件_前端开发：一个语法高亮显示的JavaScript插件（highlight.js）...

原标题：前端开发：一个语法高亮显示的JavaScript插件(highlight.js)

1、快速开始

https://github.com/isagalaev/highlight.js

下载完成后解压，把解压后的文件放到项目任意位置，在页面中引入任意一种风格和highlight.pack.js。

2ef0f8aa1546bb859f8c581a28d3eabe.png

在body中创建元素，highlight.js会自动检测语言，如果无法检测出正确语言，请使用class属性设置语言。

代码

运行一下脚本初始化即可，不需要任何其他代码一个高亮显示就做好了。

<>hljs.initHighlighting();>

019f53f4c882aba95ced79b23c307eba.png

2、风格展示

①solarized-dark

a9e0d55728f513459068c1dd043c545a.png

②solarized-light

b7c0225df8f42f380077737fb40f67fe.png

③railscasts

656bad3da97cd5d232509bbcd95d9390.png

④monokai-sublime

9a5f4426dc3cef630dfccaeab38afd1c.png

⑤vs

994385b20730fe3504ace6ccfb7f2a4d.png

⑥github

fa861d075bc975f684aa1da9bab1b681.png

⑦color-brewer

d0be736244c612bebac3df7326ec66c3.png

⑧zenburn

891005834468bd4eaea76a2eed180777.png

3、语言展示

①swift

8d45981828902fa0a5a01b6c9139d603.png

②css

087cf0f2cda9ceec7bf39d60a45d617c.png

③go

b51fe75f03f3f8dd83f1a3666ed0373e.png

④type

ead2279b2b6181dc61e42ff9fe18fd64.png

⑤json

2263f8d4a247359b7d74d7bf98363011.png

⑥python

5b96b4021cd4f2f41bd77f21f75b552f.png

⑦xml

2d9c5b07a5748128a070dd26c957ec20.png

⑧java

责任编辑：

版权声明：本文来源CSDN，感谢博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。
原文链接：https://blog.csdn.net/weixin_39552179/article/details/115090819
站方申明：本站部分内容来自社区用户分享，若涉及侵权，请联系站方删除。
  • 发表于 2021-06-13 17:17:51
  • 阅读 ( 612 )
  • 分类：前端

你可能感兴趣的文章

精选的优质文章

0 条评论

请先 登录 后评论

官方社群

GO教程

推荐文章

猜你喜欢

随便看看

来源51CTO

如果觉得我的文章对您有用，请随意打赏。你的支持将鼓励我继续创作！