如何将Quill.js应用于已经内容的可编辑元素？

Question

问题：

我必须使用Quill.js的Delta和事件功能，在Chrome扩展程序中为Gmail Composer（在gmail.com上）中的特定关键字提供一些上下文下拉菜单。

问题是Gmail Composer已有内容可编辑元素。当我将Quill.js应用于它时，我最终得到了gmail composer元素中的另一个contenteditable元素。使用简单的退格，Quill.js编辑器实际上会被删除，而quill的功能在很多方面都会被打破。

我无法移除Gmail Composer的编辑器，因为我删除了附件，链接，表情符号等基本Gmail功能。另一方面，我必须使用Quill.js来实现某些功能。< / p>

实施例

以下是一个简化示例：http://jsfiddle.net/vdaqrsrw/1/：

在#editor上发起Quill时，它会在已设置#ql-editor-1的{​​{1}}元素中创建#editor元素 - 所以现在我们在每个元素中嵌套了2个contenteditable元素另一个打破了可编辑区域的工具栏和一般功能：

问题

有没有办法将Quill.js应用于已经内容的可编辑区域而没有嵌套问题？还有其他方法吗？

Answer 1

不，Quill的设计和构建是一个独立的编辑器。