babeljs - Babel & JSX ブラウザ コードの強調表示

Question

私はhttps://highlightjs.org/をブラウザー (および静的サイト ジェネレーター) で使用して、ブログやサイトのコード スニペットを強調表示します。ES6、ES7、JSX、およびフローを処理していないことはほぼ確実です。

これらの 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です。