Quill을 사용해서 텍스트 에디터 만들기:Module-Syntax(#7-6)

onezerokang·2021년 8월 30일
0

Quill

목록 보기
11/12
post-thumbnail

Syntax Highlighter Module

Syntax 모듈은 구문 강조 표시를 자동으로 가져오고 적용하여 코드 블록 format을 향상시킵니다. excellent highlight.js라이브러리는 코드 블록을 구문 분석하고 토큰화 하기위한 종속성(dependency)으로 사용됩니다.

일반적으로 필요에 따라 highlight.js[configuration](https://highlightjs.readthedocs.io/en/latest/api.html#configure-options)할 수 있습니다. 그러나 Quill은 useBR 옵션이 false일 것이라고 예상하고 요구합니다.

Example

<!-- 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>
profile
블로그 이전 했습니다: https://techpedia.tistory.com

0개의 댓글