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