我在 DOM 中的元素的单击事件上动态实例化 QuillJS 编辑器。所以我的要求是,一旦用户完成了对该元素的编辑,他/她应该能够关闭编辑器。目前,我在 quill API 中没有看到任何关闭方法。启用/禁用 API 方法对我不起作用,因为我想完全关闭编辑器并向用户显示他/她在看到 quill 编辑器之前拥有的相同视图,当然还有保存的更改。
这个演示可以在这里看到
https://codepen.io/curiousdj/pen/eEjbPK
const options = { theme: "snow" };
var divs = document.getElementsByTagName("div");
var initializeQuill = function (e){
if(!this.quill){
console.log(e);
this.target = event.currentTarget;
this.quill = new Quill(this.target, options);
this.target.children[0].onclick = function(et) { et.preventDefault(); };
this.target.children[0].onblur = function(l) {
l.target.parentElement.quill.close;
};
}
this.quill.focus();
e.stopPropagation();
e.preventDefault();
}
for(var i = 0; i < divs.length; i++){
divs[i].onclick = initializeQuill;
}
Run Code Online (Sandbox Code Playgroud)