javascript - Quill JS 模块在 Electron 中不工作

Question

我正在使用 Quill JS 和 Electron 制作应用程序。我想使用 Quill 的语法高亮模块并按照 API 页面 (https://quilljs.com/docs/modules/syntax/) 上的说明进行操作。由于某种原因，该功能不起作用(代码块中没有突出显示)。我切换了<script src=...>标记到 require并宣布 Quill 为

quill = new Quill('#editor', {
modules: {
    syntax: require('highlight.js'),
    toolbar: false
},
theme: 'snow'

});

结果是，每当我在代码块中输入内容时，都会出现错误提示“”不是有效的语言。我确保我在主页上包含了 css 文件。我在这里做错了什么？

Answer 1

从您提供的链接。它清楚地说

var quill = new Quill('#editor', {
                  modules: {
                  syntax: true,              // Include syntax module
                  toolbar: [['code-block']]  // Include button in toolbar
               },
               theme: 'snow'
            });

因此，您只需要在该属性上设置 true。
如果在导入 Quill 之前包含 script 标签，则必须注意确保 window.hljs 存在。

或者如果你使用 webpack。您可以使用 ProvidePlugin 并像这样设置它

plugins : [
    .
    . 
    new ProvidePlugin({
        'window.Quill': 'quill/dist/quill.js',
        'Quill': 'quill/dist/quill.js',
        "window.hljs": "highlight.js"
    })
]