2017-07-07 9 views
0

DojoフレームワークでQuillエディタを使用しようとしていますが、機能しません。編集者はそこには表示されません。この点についての助力は高く評価されます。DojoとのQuillエディタの統合

<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を選びました。

私もQuilバージョン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>