Quill文本编辑器如何使用JQuery创建后使用实例

Question

我使用Quill text editor作为我网站的文本编辑器，其中一个站点选项是创建动态文本编辑器，定义套筒编辑器的函数如下所示：

function quillDefine(quillID) //quillID is the id of the div that I'm going to define as quill element 
{ 
    var toolbarOptions = 
     [ 
      ['bold', 'italic', 'underline', 'strike'], 
      ['blockquote'], 
      [{'align':[]}], 
      ['clean'] 
     ] 

    var quill = new Quill('#'+quillID, { 
     modules: {toolbar: toolbarOptions}, 
     theme: 'snow' 
    }); 
} 

我该如何使用这个在其他funcitons中创建的套筒实例？ 例如：

funciton getQuillInstanceText(quillID) 
{ 
    //I know I can use $('#'quillID).html(), but is that the proper way to do so? 
} 

我想用quill API functions像getContents（）等

我怎样才能达到我刚刚创建的实例？ 非常感谢。

Answer 1

不幸的是，没有Quill API会从相应的DOM容器中返回一个Quill实例。如果您在使用jQuery你可以用$。数据（）：

var quill = new Quill(quillID); 
$(quillID).data("quill", quill); 

funciton getQuillInstanceText(quillID) { 
    var quill = $(quillID).data("quill"); 
    var text = quill.getText(); 
    return text; 
} 

或用纯JS：

var container = document.querySelector(quillID); 
var quill = new Quill(container); 
container.__quill = quill; 

funciton getQuillInstanceText(quillID) { 
    var container = document.querySelector(quillID); 
    var quill = container.__quill; 
    var text = quill.getText(); 
    return text; 
} 

编辑：奎尔1.2.0的，你现在可以使用实验find API 。