PrismJS，一款漂亮的代码高亮工具

PrismJS 是一款轻量级、可扩展的语法高亮显示工具，在支持现代 Web 标准基础下增加了更多可选的风格插件。

PrismJS 支持自定义扩展代码的语言、主题和插件选项，勾选自己常用的代码语言和主题风格以及增强插件，将定制好的代码文件 prism.css 和 prism.js 如下方式链接到页面

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/prismjs@1.17.1/themes/prism.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/prismjs@1.17.1/themes/prism-twilight.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/prismjs@1.17.1/themes/prism-dark.min.css"><script src="https://cdn.jsdelivr.net/npm/prismjs@1.17.1/prism.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/prismjs@1.17.1/components/prism-clike.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/prismjs@1.17.1/components/prism-c.min.js"></script>

再使用 <pre><code> 编辑方式编写代码文章即可展现漂亮的代码高亮。

<pre><code class="language-css">p { color: red }</code></pre>

PrismJS 支持常见的 Markup+HTML(html+css+js)，以及 java、python、docker、bash、nginx、powershell 等 183 种程序语言，并且增强插件上支持命令行模式(Command Line)、行高亮模式(Line highlight)和行序号模式(Line Numbers)等功能。

完整功能预览页面：Examples ▲ Prism (prismjs.com)

<!DOCTYPE html>
<html>
<head>...<link href="themes/prism.css" rel="stylesheet" />
</head>
<body>...<script src="prism.js"></script>
</body>
</html>

官方网站：https://prismjs.com

PrismJS，一款漂亮的代码高亮工具相关推荐

5 款阿里常用代码检测工具，免费用！
作者 | 喻阳面临问题在日常研发过程中,我们通常面临的代码资产问题主要分为两大类:代码质量问题和代码安全漏洞. 1.代码质量问题代码质量其实是一个老生常谈的话题,但问题是大家都知道它很重要,却又 ...
Windows下UltraEdit查看Objective-C代码高亮工具
如果您在 Windows 下习惯用 UltraEdit,会发现它查看 Objective-C 源代码没有高亮效果.CocoaChina 会员 "逍遥一狂" 制作的 UltraEdi ...
推荐几款图形转代码的工具
推荐几款图形转代码的工具 2014年08月01日标签:Geek 昨天,本来想找一款根据字符自动排列图片形状的插件.结果没有找到,反而有意外的收获.分享分享 1. 照片生成代码链接:http://w ...
支持OneNote for Window10代码高亮工具
支持OneNote for Window10代码高亮工具如果有同学使用过OneNote,就会发现OneNote原本是不支持代码高亮的,OneNote目前有两个常见的版本,一个是Office自带的On ...
自用在线word代码高亮工具
自用在线word代码高亮工具 http://word.wd1x.com/
三款功能强大代码比较工具Beyond compare、DiffMerge、WinMerge
我们经常会遇到需要比较同一文件的不同版本,特别是代码文件.如果人工去对比查看,势必费时实力还会出现纰漏和错误,因此我们需要借助一些代码比较的工具来自动完成这些工作.这里介绍3款比较流行且功能强大的工具 ...
7款常用的代码对比工具
在程序开发的过程中,程序员会经常对源代码以及库文件进行代码对比,在这篇文章里我们向大家介绍7款程序员常用的代码比较工具. 1.WinMerge 地址:https://winmerge.org/ Win ...
给大家推荐一款高大上的代码高亮插件（sublime，github风格）——highlight.js
经常在一些大神博客里面看到非常好看的高亮代码,有sublime风格,GitHub风格等等.毫无疑问,好的高亮代码插件可以不仅仅让你的博文显得更高大上,更重要的是舒适的阅读体验.经过我在网上的一番搜罗, ...
python粘贴代码到word_写论文必备，在线代码高亮工具，无缝粘贴到 Word
在校的朋友最近应该就要进入论文期了,分享一个在线代码高亮的站点,可以一键高亮美化代码,粘贴到 Word 中也可以保持非常好的格式,为您的论文加分. 1. 功能支持 161 种语言格式的高亮: 默认为自 ...

PrismJS，一款漂亮的代码高亮工具

PrismJS，一款漂亮的代码高亮工具相关推荐

最新文章

热门文章