構文モジュールは、構文の強調表示を自動的に検出して適用することにより、コード ブロック形式を強化します。優れたハイライト.jsライブラリは、コード ブロックを解析してトークン化するための依存関係として使用されます。
一般に、次のことを行うことができます。構成、設定必要に応じて、highlight.js を編集します。ただし、Quillは次のことを期待し、要求しています。useBRになるオプションfalse。
<!-- Include your favorite highlight.js stylesheet -->
<link href="highlight.js/monokai-sublime.min.css" rel="stylesheet">
<!-- Include the highlight.js library -->
<script href="highlight.js"></script>
<script>
hljs.configure({ // optionally configure hljs
languages: ['javascript', 'ruby', 'python']
});
var quill = new Quill('#editor', {
modules: {
syntax: true, // Include syntax module
toolbar: [['code-block']] // Include button in toolbar
},
theme: 'snow'
});
</script>