问题标签 [quill]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
201 浏览

html - Quill:作者高级课程不会在“keyup”事件上触发

使用 Quill,我试图在释放密钥时将文本存储在 span 元素(“span .author-advanced”类)中,但事件 keyup 不会被触发。我意识到在纯 Javascript 中我可以通过使用嵌套跨度更改 contenteditable 来解决这个问题,但这意味着我必须修改 Quill。

我有没有办法在不修改 Quill 的情况下解决这个问题?

0 投票
1 回答
254 浏览

optimization - 进行多次插入时提高性能

我正在使用 quill 创建一个协作编辑器。我将我的文本作为字符列表处理。因此,插入 10,000 个字符会导致 10,000 次调用,quill.updateContent其增量如下:

我对使用 updateContents 逐个插入字符、使用 updateContents 批量插入字符或 insertText 进行了一些比较。这是一个基准http://jsfiddle.net/pLwk5qLd/11/。结果表明我应该插入大部分文本。

那么我的问题是,进行这种优化是 quill 的工作还是我应该尝试将我的插入分解为更大的插入?

0 投票
1 回答
968 浏览

javascript - Meteor 和 Quill 编辑器集成

我希望将 Quill 编辑器合并到我的 1.1.0.3 Meteor 应用程序中。

具体来说,我有一个消息模板可以使用更高级的编辑器,而不是我现在使用的简单 textarea 控件,但我在开始时遇到了一些麻烦。

我正在使用 Quill Meteor 包装器到 Quill Editor v0.19.14,在此处找到:https ://github.com/themeteorites/quilljs

这是我认为需要到位才能使事情正常进行的:

主要消息模板:

我想用 Quill 替换我目前用于消息输入的 textarea。

我会构建一个如下所示的子模板:

然后在 quill_editor js 文件中,如下所示:

现在更改主模板以合并 Quill,如下所示:

我正在寻找这种外观和这些控件:

在此处输入图像描述

由于某种原因,下拉菜单无法正常工作,到目前为止它们看起来像这样:

在此处输入图像描述

看看下拉文本和背景颜色是如何空白的——我是否在 HTML 中有下拉选择选项并不重要,什么都不会显示,所以在第一种情况下我把它拿出来,在第二种情况下我留下它以显示没有区别。

我在正确的轨道上吗?没有真正好的例子可以找到。

0 投票
3 回答
6931 浏览

javascript - Quill.js: How to prevent newline entry on Enter to submit the input?

The problem:

I'm trying to create a Rich-Text Inline content-editable element with Quill.js. I'm having a hard time figuring out how to submit the body without the unnecessary newline added by the enter trigger which I want to use to submit the input.

What I tried:

Any ideas?

0 投票
1 回答
1308 浏览

quill - 尝试使用特定格式初始化 Quill 并出现错误

我正在尝试根据此处的格式 API 加载 quill 以仅支持某些格式:http: //quilljs.com/docs/formats/

但是每当我添加格式键时,我都会收到错误

TypeError: Cannot read property 'config' of undefined

这是初始化 quill 的代码。如果我注释掉格式键,它就可以工作。

有什么问题。为什么 quill 不喜欢格式键?

0 投票
2 回答
1739 浏览

quill - 在复制/粘贴 quill.js 时保留文本格式

我在我的项目中使用quill.js “Quill 富文本编辑器”。我想编程一个“代码”按钮,以设置特定代码内容的样式。

但是编辑器中的代码功能需要保持文本格式。就像<pre>HTML 中的标签一样。

但是当我在编辑器中复制一些“代码”文本时,制表符或多重空格将被删除。即使我将“空白:pre!important”添加到编辑器类。

有人遇到同样的问题,或者有人知道这个问题的解决方案吗?

问候

0 投票
1 回答
2195 浏览

quill - Quill JS - 不确定如何正确设置初始工具栏选项

目前我对 Quill JS 的理解非常有限,我在 Quill 站点/github 页面上找不到任何关于此的文档,所以我希望有人能够让我直截了当。

创建 Quill 工具栏时,可以设置工具栏选择元素的 'selected' 属性,然后在输入新行时,此设置将用作默认值。

虽然此默认值将显示在工具栏中,但相应的值不会应用于该行。

请看下面的JS Fiddle

“默认”字体是等宽字体,大小是“巨大”。但是,如果您在编辑器中键入,则不会应用,除非您从工具栏下拉菜单中重新选择这些值。

您是否还应该将 CSS 规则应用于与工具栏中设置的“默认”值匹配的编辑器?(这似乎是不必要的重复)还是我从错误的方向看这个?

0 投票
1 回答
1649 浏览

javascript - Quill js字体大小问题

我有一个关于字体大小的 quill.js 程序。我添加了一些字体大小

而且我不能写任何大于 18 的东西,这意味着第 7 个索引

我也将添加到库中的默认 FONT_SIZE 变量中:

有人知道如何解决这个问题吗?

0 投票
1 回答
1651 浏览

javascript - 在 SAPUI5 (Javascript) 项目中集成 Quill 富文本编辑器工具栏

我想将 Quill 集成到 SAPUI5 项目中。问题是 Quill 使用带有不同 's 的 HTML,而我的整个 SAPUI5 应用程序只有一个 div 标签,其余的都是 Javascript。

我设法让羽毛笔编辑器在我的应用程序中正常工作,如下所示:

但是,工具栏的文档建议这样做:

我想以工作方式将此 div 添加到我的 SAPUI5 中,或者我可以创建自己的工具栏。我尝试了以下代码(文档说这些样式类会自动添加点击事件):

但这无济于事。

我还尝试将推荐的 HTML 作为 HTML 元素的内容附加,但我也没有设法将按钮连接到文本编辑器:

我试过了

两者都不起作用。

0 投票
1 回答
2176 浏览

javascript - Quilljs 中的拖放事件

我在 Quill 还很新。

我想制作一个处理拖放事件的自定义模块或扩展函数。我想检测丢弃的文本,如果它是一个图像 url,我想插入“img”标签而不是“a”标签。

目前,Quill 正在为删除的 url 添加“a”标签,但我找不到相关代码。