Prism.js是一个轻量级的语法高亮库,
支持多种编程语言和代码主题,在前端开发中较为常用。下面是使用示例:
- 引入prism.js和相应的主题css文件和对应的语言插件:
<link href="path/to/prism.css" rel="stylesheet" />
<script src="path/to/prism.js"></script>
<script src="path/to/prism-language1.js"></script>
<script src="path/to/prism-language2.js"></script>
...
- 添加需要高亮的代码块:
<pre><code class="language-html"> <!-- 添加语言类型 -->
<!doctype html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
</code></pre>
- 初始化 Prism:
Prism.highlightAll(); // 自动高亮所有代码块
以上是 Prism.js 的简单使用示例,你可以根据需求自定义语言和主题。