巴贝尔＆amp; JSX浏览器代码突出显示

Question

我在浏览器（以及静态网站生成器）中使用https://highlightjs.org/来突出显示博客和网站的代码段。我几乎可以肯定它没有处理ES6，ES7，JSX和Flow。

如何更好地突出显示javascript的这些新增内容？

请指教。谢谢:)）

Answer 1

使用highlight.js可以注册语言。

<script src="/js/highlight.js" type="text/javascript"></script>
<script src="/js/highlight-js.js" type="text/javascript"></script>
<script src="/js/highlight-xml.js" type="text/javascript"></script>
<script>
  hljs.registerLanguage('js', H_js);
  hljs.registerLanguage('xml', H_xml);
  hljs.initHighlightingOnLoad();
</script>

这是ES6 / React的好hightlight-js.js。