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'

}）;

结果是每当我在代码块中输入内容时，会出现错误信息＆＃34; ＆＃34;不是一种有效的语言。我确保在主页上包含了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之前添加了脚本标签，请确保window.hljs存在。

或者如果您使用webpack。您可以使用ProvidePlugin并以此进行设置

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

Quill JS模块不能在Electron中工作

1 个答案: