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

Question

大家 我正在使用 quill.js 制作博客网站。要在前端查看 post，我使用的是 highlite.js.

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

我的问题是

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

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

Answer 1

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

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