2017-07-07 80 views
0

我想用dojo框架来使用羽毛编辑器,但它不工作。编辑没有在那里显示。任何在这方面的帮助将不胜感激。羽毛编辑器与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> 

回答

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>