クイックテキストエディタJQueryで作成した後にインスタンスを使用する方法

Question

私のサイトのテキストエディタとしてQuill text editorを使用しています。サイトオプションの1つは、動的テキストエディタを作成することです。クイルエディタを定義する関数は、

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' 
    }); 
} 

他のファンクションの中で作成したこのクイルインスタンスを使用するにはどうすればよいですか？例えば ：私は、私が作成したインスタンスに到達することができますどのように

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

私は（のgetContentsようquill API functionsを使用したい）となど

？ ありがとうございました。

Answer 1

対応するDOMコンテナからQuillインスタンスを返すQuill APIはありません。あなたはjQueryのを使用している場合は、$ .dataの（）を使用することができます。

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を使用することができます。