奎尔JS模块在电子不工作

Question

我正在用羽毛笔JS和电子的应用程序。我想用奎尔的语法高亮模块，并遵循API页面（https://quilljs.com/docs/modules/syntax/）上的说明。出于某种原因，该功能不起作用（没有高亮显示在代码块）。我切换<script src=...>标签require，并宣布为奎尔

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。你有什么要小心是确保window.hljs存在如果包括脚本标签奎尔是进口之前。

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

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