Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 羽毛笔文本编辑器使用JQuery创建实例后如何使用实例_Javascript_Jquery_Quill - Fatal编程技术网

Javascript 羽毛笔文本编辑器使用JQuery创建实例后如何使用实例

Javascript 羽毛笔文本编辑器使用JQuery创建实例后如何使用实例,javascript,jquery,quill,Javascript,Jquery,Quill,我正在使用作为我网站的文本编辑器,网站选项之一是创建动态文本编辑器,定义羽毛笔编辑器的函数如下所示: 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'],

我正在使用作为我网站的文本编辑器,网站选项之一是创建动态文本编辑器,定义羽毛笔编辑器的函数如下所示:

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()之类的函数

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

不幸的是,没有能够从相应的DOM容器返回Quill实例的Quill API。如果使用jQuery,则可以使用$.data()

或者使用普通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;
}

编辑:从Quill 1.2.0开始,您现在可以使用实验API。

您也可以创建一个包含所有编辑器的对象,而不是将编辑器对象保存为HTML的属性,您可以随时按键(ID)存储和获取每个编辑器:

var editors={};
editors[quilID] = new Quill(quilID);

function getQuillInstanceText(quillID) {
  var quill = editors[quillID];
  var text = quill.getText();
  return text;
}
在这种情况下,您不需要任何DOM查询或JQuery

var editors={};
editors[quilID] = new Quill(quilID);

function getQuillInstanceText(quillID) {
  var quill = editors[quillID];
  var text = quill.getText();
  return text;
}