使用 prismjs

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

css 选择任何一个即可,没有依赖关系

js 需要主体,和语言扩展

https://prismjs.com/examples.html 里面说 c 依赖 clike ,我也不知道这个依赖需不需要引用那个 js文件,不引用也能显示

渲染 link

Prism.highlightAllUnder(document.getElementById("editor"));
发布了36 篇原创文章 · 获赞 1 · 访问量 8964

猜你喜欢

转载自blog.csdn.net/u011091701/article/details/102873258