前端开发:一个语法高亮显示的JavaScript插件(highlight.js)(WordPress集成Highlight.JS实现代码高亮功能)
前端开发:一个语法高亮显示的JavaScript插件(highlight.js)
1、快速开始
https://github.com/isagalaev/highlight.js
下载完成后解压,把解压后的文件放到项目任意位置,在页面中引入任意一种风格和highlight.pack.js。
在body中创建元素,highlight.js会自动检测语言,如果无法检测出正确语言,请使用class属性设置语言。
运行一下脚本初始化即可,不需要任何其他代码一个高亮显示就做好了。
2、风格展示
①solarized-dark
②solarized-light
③railscasts
④monokai-sublime
⑤vs
⑥github
⑦color-brewer
⑧zenburn
3、语言展示
①swift
②css
③go
④typescript
⑤json
⑥python
⑦xml
⑧javascript
有哪里写得不好的地方请大家提出来,请轻喷,谢谢。 同时有什么与编程相关的好东西可以推举给我,再次感谢!
WordPress集成Highlight.JS实现代码高亮功能
WordPress代码高亮功能是很多站长都比较需要的功能,主要用来实现文章内代码高亮显示,更加方便查看文章内代码。
很多站长选择用插件实现这个功能,不过个人还是比较喜欢用代码实现代码高亮的功能,直接集成Highlight.JS就可以。
由于网站搬家,部分链接失效,如无法下载,请联系站长!谢谢支持!
1. 带 [亲测] 说明源码已经被站长亲测过!
2. 下载后的源码请在24小时内删除,仅供学习用途!
3. 分享目的仅供大家学习和交流,请不要用于商业用途!
4. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
5. 本站所有资源来源于站长上传和网络,如有侵权请邮件联系站长!
6. 没带 [亲测] 代表站长时间紧促,站长会保持每天更新 [亲测] 源码 !
7. 盗版ripro用户购买ripro美化无担保,若设置不成功/不生效我们不支持退款!
8. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
9. 如果你也有好源码或者教程,可以到审核区发布,分享有金币奖励和额外收入!
10.如果您购买了某个产品,而我们还没来得及更新,请联系站长或留言催更,谢谢理解 !
GG资源网 » 前端开发:一个语法高亮显示的JavaScript插件(highlight.js)(WordPress集成Highlight.JS实现代码高亮功能)
1. 带 [亲测] 说明源码已经被站长亲测过!
2. 下载后的源码请在24小时内删除,仅供学习用途!
3. 分享目的仅供大家学习和交流,请不要用于商业用途!
4. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
5. 本站所有资源来源于站长上传和网络,如有侵权请邮件联系站长!
6. 没带 [亲测] 代表站长时间紧促,站长会保持每天更新 [亲测] 源码 !
7. 盗版ripro用户购买ripro美化无担保,若设置不成功/不生效我们不支持退款!
8. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
9. 如果你也有好源码或者教程,可以到审核区发布,分享有金币奖励和额外收入!
10.如果您购买了某个产品,而我们还没来得及更新,请联系站长或留言催更,谢谢理解 !
GG资源网 » 前端开发:一个语法高亮显示的JavaScript插件(highlight.js)(WordPress集成Highlight.JS实现代码高亮功能)