问题标签 [quill]

使用伟大的Quill Javascript 富文本编辑器，我试图让两个或多个编辑器共享同一个工具栏。

我想（来自文档）目前这是不可能的，所以我试图通过在被点击为后者的编辑器上通过 API 添加工具栏模块来“模拟”这一点：

它似乎有效，但我怀疑 Quill 不喜欢在同一个对象上一遍又一遍地添加相同的模块，因为它最终会吐出：

（节点）警告：检测到可能的 EventEmitter 内存泄漏。增加了 11 位听众。使用emitter.setMaxListeners() 增加限制。quill.js（第 4727 行）

那么有没有办法删除以前添加的模块？就像是：

我有一个完全用 php 编写的博客，使用 Quill 作为所见即所得的文本编辑器。此外，我在上面使用 PrismJs 来突出显示我在文章中输入的代码。

问题是我需要手动输入 : <pre><code class="language-css"> *css code here* </code></pre>以在我的帖子上显示突出显示的代码。

我想知道是否可以对几个按钮进行自定义操作。例如，“CSS 代码”按钮会将其包含在文本区域中：<pre><code class="language-css"> </code></pre>然后我只需将代码放在包含的标签之间以使其突出显示。

对于“HTML 代码”、“JS 代码”、“PHP 代码”的想法完全相同，它将在文本区域中包含相同的标签：<pre><code class="language-js/css/html or php"> *js/css/html or php code here* </code></pre>使用（如您所见）<code>标签的不同类名（这是唯一的这会改变）。

我看到（在 Quill 示例页面上）在简单的工具栏中，“粗体”按钮仅将单词“三”转换为<span class="author-gandalf"><b>Three</b></span>（如果您使文本更强）。

这就是为什么它让我认为目前是可能的。

那么有没有一种聪明的方法来做到这一点，或者我只需要“克隆”模块并用我的替换添加的span和b标签？

有没有办法将 QuillJS 设置为只允许纯文本？现在我们得到了 DIV 标签之间的每一行。我想要带有 \r\n 的 ASCII 用于换行符

感谢您的帮助！

问题：

我必须使用Quill.js的 Delta 和 Event 功能在 chrome 扩展中提供 Gmail Composer（在 gmail.com 上）中特定关键字的上下文下拉列表。

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

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

例子

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

在启动 Quill 时，#editor它会在已设置#ql-editor-1的元素中创建元素- 所以现在我们有 2 个相互嵌套的 contenteditable 元素，这会破坏工具栏和可编辑区域的一般功能：#editorcontenteditable

问题

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

有没有办法让 Quill 编辑器在每个上插入一个类，div以便我可以使用 CSS 而不是br标签来调整段落间距？

这是其中使用这些brs 的示例之一：

有没有办法让注意力不集中？

我想使用我的代码更新整个文本格式，我不想让我的用户选择在它之后写文本。我使用 formatText 方法更新整个文本的格式（范围：开始 = 0，结束 = 文本长度），然后焦点上的文本区域和用户可以写：/

在本页顶部，据称提供了有关如何创建工具栏来控制字体、大小、粗体、斜体、下划线、删除线、文本颜色、背景颜色、列表、项目符号和文本对齐方式的说明。

但是，当我使用示例 HTML 代码时，我会得到一个带有字体大小的下拉菜单，以及一个没有文本或图像的空白按钮，也没有其他控件。

如何准确复制上面页面和主页上显示的完整工具栏？我不想要“粗体”、“斜体”等词。我想要完全如图所示的图标。该文档没有提供有关如何完成此操作的任何线索。在直接查看页面源代码时，似乎在屏幕后面添加了一些 CSS 来记录这一点，但尝试逆向工程并不会削减它。

此外，是否可以通过编程方式生成此工具栏，而不必设置一系列复杂的带有类和标题的嵌套标签等等？我正在使用 Javascript 生成 DOM，尝试将精确的 HTML 格式转换为相应的构造函数调用非常乏味。

尝试在zombie.js 无头浏览器中测试 quill.js 编辑器（contenteditable div）。

1. 抱怨缺少 document.getSelection
2. 抱怨缺少 document.createTreeWalker
3. 如果我使用编辑器的 DOM 节点手动分派更改事件，似乎没有响应。

任何人都知道如何使这项工作？

我拉下来的开发分支的头是：b81ff687b28d41a897d2f527ffb79ef28c89b7a2

似乎没有 gulp 文件

我刚开始使用 Quill.js 富文本编辑器，在尝试创建自己的文本格式按钮时遇到了挑战。

在 HTML 中，我在里面添加了以下单选按钮。​</p>

在 JavaScript 中，我尝试使用 prepareFormat 更改字体大小设置：

单击单选按钮后，JavaScript 进入 prepareFormat 行，但是当我继续在文本编辑器中输入时，文本格式保持不变。

为了调试，我尝试使用 Quill JS 文档示例中的 ​prepareFormat('​bold', ​true) 而不是​prepareFormat('size', this.value)，但这似乎也被忽略了。

你会在这里推荐什么？