prism.js 介绍
Prism是一款轻量的,可扩展的语法高亮处理器。react、MDN、SitePoint、 css- tricks等网站都使用该项目,除了简单,小巧之外,还有以下优点:
极致易用:引用 prism.css 和 prism.js,使用合适的 html5 标签 (code.language-xxxx),搞定!
天生伶俐:语言的 css 类是可继承的,所以你只需定义一次就能应用到多个 代码 片段。
轻如鸿毛: 代码 压缩后只有 1.6KB。每 添加 一个 语言平均 增加 0.3-0.5KB, 主题 在 1KB 左右。
快如闪电:如果可能, 支持 通过 Web Workers 实现并行。
轻松扩展:定义新语言或扩展现有语法,或者新增 功能 都非常简单。
丰富样式:所有的样式通过 css 完成,并使用合理的类名如:.comment,.string,.property 等。
使用
使用非常简单,首先引入刚刚下载好的2个 文件 。
<!DOCTYPE html>
<html>
<head>
...
<link href="themes/prism.css" rel="stylesheet" />
</head>
<body>
...
<script src="prism.js"></script>
</body>
</html>
页面 上只要遇到类似下面的 代码 ,就会被高亮。
<pre><code?class="language-css">p { color: red }</code></pre>
网站地址 : https://prismjs.com/
GitHub: https://github.com/PrismJS/prism
网站描述: 一款轻量的,可扩展的语法高亮处理器
prism.js官方网站
官方网站: https://prismjs.com/
如果觉得 网站内容还不错,欢迎将 网站 推荐给程序员好友。