Prism.js
发布于2023-08-19 08:49 阅读 124
Prism.js 是一个轻量级、可扩展的语法高亮插件，在构建时考虑了现代 Web 标准。 它被用于数百万个网站，包括您每天访问的一些网站。
我们看到的一些文档网站里面的代码高亮大部分都是用Prism.js实现的；
Prism.js只有2KB大小（压缩）。每个语言定义大约增加 300-500 个字节。
1.简单
包括棱镜.css和棱镜.js，使用正确的HTML5代码标签（），完成！code.language-xxxx
2.直觉的
语言类是继承的，因此您只能为多个代码段定义一次语言。
3.轻巧
核心是2KB缩小和gziped。每种语言增加 0.3-0.5KB，主题约为 1KB。
4.极快
支持与 Web Worker 并行（如果可用）。
5.扩展
定义新语言或扩展现有语言。 借助 Prism 的插件架构添加新功能。
6.轻松造型
所有样式都是通过 CSS 完成的，具有合理的类名，如 、 等.comment.string.property
基本用法
只需要在页面中引入您下载的文件prism.css和prism.js；Prism.js的官网地址是： https://prismjs.com/download.html
<!DOCTYPE html>
<html>
<head>
...
<link href="themes/prism.css" rel="stylesheet" />
</head>
<body>
...
<script src="prism.js"></script>
</body>
</html>标记代码块用于语义， Prism的推荐方法是内部带有元素的元素，如下所示：<pre><code>
<pre><code class="language-css">p { color: red }</code></pre>
相关推荐
作者
评论
全部评论
{{reply.username}} 回复：{{reply.replyname}}
{{reply.content}}