0

我正在尝试将 Quill 编辑器与 dojo 框架一起使用,但它不起作用。那里没有显示编辑器。在这方面的任何帮助将不胜感激。

<html>
<head>
    <link rel="stylesheet" href="http://cdn.quilljs.com/0.16.0/quill.snow.css" />
    <script type="text/javascript"
        src="https://ajax.googleapis.com/ajax/libs/dojo/1.7.0/dojo/dojo.js"
        data-dojo-config="async: true, packages: [
            { name: 'quill', location: 'http://cdn.quilljs.com/0.16.0/', main: 'quill' }
         ]" />
</head>
<body>
    <div id="editor">
        Editor in chief!
    </div>
    <script type="text/javascript">
        define.amd.quill = true;
        require(["quill"], function(quill){
            var editor = new Quill("#editor");
        });
    </script>
</body>

4

1 回答 1

1

我对 Dojo 1.7 不熟悉,所以选择了 1.10.4。

我在使用 Quill 0.16 版时也遇到了 XSS 错误(关于 iframe),所以使用了最新的 1.2.6 版。

下面似乎工作正常。

require(["dojo/ready", "Quill"], function(ready, Quill){
  ready(function(){
    var editor = new Quill("#editor", { theme: 'snow' })
  })
})
<script>
  var dojoConfig = {
    async: true,
    packages: [{ name: 'Quill', location: '//cdn.quilljs.com/1.2.6', main: 'quill' }]
  }
</script>
<script src="//ajax.googleapis.com/ajax/libs/dojo/1.10.4/dojo/dojo.js"></script>
<link href="//cdn.quilljs.com/1.2.6/quill.snow.css" rel="stylesheet" />
<div id="editor">Editor in chief!</div>

于 2017-07-08T22:15:47.480 回答