javascript - Highlightjs 不显示 html 和 handelbars 的代码

Question

我正在使用来自 NPM 的 Highlight.js，我希望在屏幕上显示 html 和 handelbar 模板代码。我确认它非常适用于 JS 代码，但它不显示 html 和 handelbars 的代码。例如下面的代码，我希望在屏幕上显示 html，但它没有......

我的html代码：

<pre><code><button>Click</button></code></pre>

我的js代码

hljs.initHighlightingOnLoad();

$('pre code').each( (i, block) => {
  console.log(block);
  hljs.highlightBlock(block);
});

检查视图源时的 html：

<pre><code class="handelbars hljs ebnf"><button><span class="hljs-attribute"><span class="hljs-attribute">Click</span></span></button></code></pre>

页面上显示的只是一个文本“点击”

有谁知道如何让它工作？