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>

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

有人知道如何使它工作吗？