问题标签 [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 投票
2 回答
2680 浏览

javascript - 按需启用/禁用 Quill

我正在使用 quill 使 myDiv 像这样可编辑:

我还希望 Quill 按需(例如通过按下按钮)变为活动或不活动(用户不能再编辑内容)。

有类似的东西myQuill.disable()myQuill.enable()

0 投票
2 回答
4105 浏览

javascript - 如何在 Quill JS 中从计算机添加图像?

可以从 url 将图像添加到 quill JS 编辑器中,但找不到像所有传统富文本编辑器那样从计算机添加图像的方法。

有什么方法可以达到这个目的吗?

0 投票
0 回答
238 浏览

quill - 为什么当我将鼠标从工具栏中的链接符号上移开时链接工具提示会消失?

为了在我的 Quilljs 编辑器中测试链接,我突出显示文本,然后单击工具栏中的链接符号——链接工具提示会出现一瞬间,除非我按住符号单击,否则只会立即消失。

似乎有一个“ql-hidden”类被错误地应用,但我不确定这是否与我的配置不正确有关。

这是JavaScript:

这是 HTML(使用 Jade 模板语言):

以下是我为此编写的唯一样式:

0 投票
3 回答
18812 浏览

javascript - How do I add "show html" button in Quill like in Wysiwyg?

I recently found out about Quill text editor and since I am playing with new stuff in php and javascript I decided to use it in my app instead of Wysiwyg.

Quill documentation is really minimalistic though. How do I add a button that allows user to show and edit current html?

Do I have to extend Quill and make one of my own?

0 投票
1 回答
1605 浏览

quill - 羽毛笔编辑器将样式应用于文本

我在primeng编辑器中使用羽毛笔编辑器。我想在输入时对文本应用样式(文本更改)。当我在斜杠中输入文本时,我可能必须应用样式并且应该删除 2 个斜杠。例如:我正在使用 /quill/ 编辑器。这应该是:我正在使用羽毛笔编辑器。

仅斜线内的文本应应用样式。除了斜线内的文本不应应用该样式。

我已将以下代码添加到 Editor.ts

但问题是一旦突出显示文本,以下文本输入就会突出显示(粗体)。突出显示文本后我无法停止突出显示文本,然后突出显示文本后所有文本都将突出显示。请帮助我。

0 投票
0 回答
1499 浏览

javascript - 如何在 QuillJS 中创建自定义工具栏按钮?

我在我的应用程序(1.0.0-beta.8)中使用了 QuillJS,我试图通过在工具栏中添加两个新按钮来扩展它的功能。具体来说,当用户单击任一按钮时,将向文本区域注入一个元素,并带有一些 CSS 样式,看起来像一个包含预定义文本的小框。用户可以单击该框,我应该能够处理该事件(例如更改文本并发送 Ajax 请求)

文档有些不完整,我需要创建一个Format吗?

0 投票
3 回答
25153 浏览

javascript - 如何将自定义字体大小添加到 QuillJS 编辑器

如何使用 QuillJS 将自定义字体大小添加到工具栏?我尝试了两种方法:

但是,它们都不起作用。我在这里缺少什么吗?我也尝试从值中删除“px”;依然没有。

0 投票
1 回答
4074 浏览

javascript - 如何在 QuillJS/Rich-Text deltas 中分配宽度和高度属性

我们使用的是 QuillJS 1.0 Beta。我们有文本编辑器,用户最初创建内容。当他们单击提交时,它会.innerHTML()从编辑器中提取并将其保存到我们的数据库中。然后,如果用户想要编辑该内容,我们从数据库中提取 html 并使用.pasteHTML()来自 Quill 的 API 将其粘贴到编辑器中。

当我们将 html 粘贴到编辑器中时,文本样式粘贴得很好,但是当我们包含图像时,图像的大小被设置为图像的自然高度/宽度,而不是我们设置的内联样式。出于某种原因,Quill 的清洁工必须删除这种样式。是否有要传递的参数,以便我们可以避免这种“更清洁”,因为我们传递的是直接的 html?

以下是来自数据库的一些 html 字符串,如下所示:

如您所见,样式就在那里。当我在 Quill 粘贴到编辑器后查看 DOM 时,img 标签没有任何这些样式。任何想法?

我试图添加一个匹配器,它会以某种方式解释图像标签,但无论我做什么,我都无法获得要粘贴的宽度/高度:

0 投票
2 回答
3814 浏览

javascript - Quill Link 工具提示默认不可见

今天我在寻找富文本编辑器时发现了 Quill,并尝试按照文档进行操作。到目前为止,大部分工作都很好。

我唯一的问题是,当我单击链接图标时,工具提示不会出现,因为以下类被神秘地添加到 ql-tooltip<div>元素中:ql-out-bottom.

此类添加以下 CSS 规则quill.snow.css:391

这个类没有 被添加到 Quill 的文档演示中,这真的让我感到困惑..

这是我当前的设置,完全是从文档中复制过来的:

我正在使用 Quill v1.0.0-beta.11 并从 cdn.quilljs.com 获取 JS 和 CSS。希望这篇文章遵循所有形式,因为我不经常在 Stackoverflow 上发帖。

0 投票
2 回答
5651 浏览

quill - 动态更改 Quill 占位符

我知道在 Quill 编辑器的实例化中,有一个占位符选项。有没有办法在编辑器实例化后动态更改这个占位符?