如何将 Quill.js 应用于已包含内容的可编辑元素?

How to apply Quill.js to an already content editable element?

问题:

我必须使用 Quill.js 的增量和事件功能在 chrome 扩展中的 Gmail 编辑器(在 gmail.com 上)中提供特定关键字的上下文下拉菜单。

问题是 Gmail 编辑器已经有一个内容可编辑元素。当我对其应用 Quill.js 时,我最终在 gmail 作曲家元素中得到了另一个 contenteditable 元素。使用简单的 backspace Quill.js 编辑器实际上被删除,并且 quill 的功能在许多其他方面几乎被破坏。

我无法删除 Gmail Composer 的编辑器,因为这样我就删除了基本的 Gmail 功能,如附件、链接、表情符号等。另一方面,我必须使用 Quill.js 来实现某些功能。

例子

这是一个简化的例子:http://jsfiddle.net/vdaqrsrw/1/:

当在 #editor 上启动 Quill 时,它会在 #editor 元素中创建 #ql-editor-1 元素,该元素已经设置了 contenteditable - 所以现在我们有 2 个嵌套的 contenteditable 元素在彼此之间破坏了可编辑区域的工具栏和一般功能:

问题

有没有办法在没有嵌套问题的情况下将 Quill.js 应用于已有内容的可编辑区域?还有其他方法吗?

不,Quill 被设计和构建为一个独立的编辑器。