使用 prismjs

<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>

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

js 需要主体，和语言扩展

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

渲染 link

Prism.highlightAllUnder(document.getElementById("editor"));