Syntax 모듈은 구문 강조 표시를 자동으로 가져오고 적용하여 코드 블록 format을 향상시킵니다. excellent highlight.js
라이브러리는 코드 블록을 구문 분석하고 토큰화 하기위한 종속성(dependency)으로 사용됩니다.
일반적으로 필요에 따라 highlight.js
를 [configuration](https://highlightjs.readthedocs.io/en/latest/api.html#configure-options)
할 수 있습니다. 그러나 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>