Quill 编辑器与 dojo 集成

Question

我正在尝试将 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>

Answer 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>

Quill 编辑器与 dojo 集成

Quill editor integration with dojo

dojo

rich-text-editor

quil