Syntax Highlighter Module

语法模块通过自动检测和应用语法突出显示来增强代码块格式。优秀的highlight.js库被用作解析和标记代码块的依赖项。

通常,您可以根据需要configurehighlight.js。 但是,Quill期望并要求useBR选项为false

Example

  1. <!-- Include your favorite highlight.js stylesheet -->
  2. <link href="highlight.js/monokai-sublime.min.css" rel="stylesheet">
  3. <!-- Include the highlight.js library -->
  4. <script href="highlight.js"></script>
  5. <script>
  6. hljs.configure({ // optionally configure hljs
  7. languages: ['javascript', 'ruby', 'python']
  8. });
  9. var quill = new Quill('#editor', {
  10. modules: {
  11. syntax: true, // Include syntax module
  12. toolbar: [['code-block']] // Include button in toolbar
  13. },
  14. theme: 'snow'
  15. });
  16. </script>