highlight.js - 如何为所有 pre 标签自动设置 highlite.js 样式

Question

我正在使用 quill.js 制作博客网站的每个人。要在前端查看帖子，我正在使用 highlite.js。

在下图中，前 2 个块显示为带有默认侧边<pre>标记。最后一个<pre><code class="dart">{code}</code></pre>

我的问题是

1. 我不想手动添加html<code class="dart">
2. 我想通过只使用标签来自动设置样式

我阅读了所有文档但没有找到任何具体答案如何设置？请问有人吗？

标签： highlight.js

Answer 1

我找到了答案。使用自定义选择器。

   document.querySelectorAll('pre').forEach((block) => {
        hljs.highlightBlock(block);
   });