问题标签 [ngx-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 投票
1 回答
115 浏览

angular - Angular ngx-quill 编辑器 - 处理图像点击

我在编辑器内容区域中插入了图像,我需要处理这些图像点击。我需要知道点击了什么图像。

这是否可能,我该怎么做?只是想法。

感谢提前!

0 投票
0 回答
113 浏览

angular - Jest 测试失败,因为在使用 quill 编辑器测试组件时缺少 angular 10 中的动态导入

我正在为一个角度组件编写测试,我收到以下错误:

该组件包含一个包含羽毛笔编辑器的子组件,并且对子组件的测试没有问题。我找不到两个测试文件之间缺少的任何内容。

奇怪的是,“它应该创建”测试通过,但任何其他都不会。

0 投票
0 回答
124 浏览

quill - 带有自定义处理程序的自定义工具以及如何在 ngx Quill 中使用 customOptions

我想addText为新工具/下拉工具注册我自己的处理程序 ( )。我怎样才能在 ngx Quill 中做到这一点?

我可以制作一个自定义工具并将(单击)添加到我的自定义工具中,但是在调用的方法中(addText)我想使用

this.quill.insertText();

而且我不知道获取 quill 实例的最佳方法是什么。

也许我可以通过 来做到这一点customOptions,但我找不到使用 customOptions 的示例。应该如何构建 customOptions 对象?

0 投票
0 回答
49 浏览

quill - 以正确的样式显示 Quill 编辑器内容

我正在使用 Quill 编辑器(通过 ngx-quill)让我的用户能够编辑文档。显示文档时,我会这样显示它们:

这很可靠,但div标签内容的样式与您在 Quill 编辑器窗口中看到的样式完全不同。我想要做的是将 Quill 内容样式表应用于我的div标签,但我无法找到任何文档来执行此操作。这里有人知道怎么做吗?

我知道另一种选择是在只读模式下调用 Quill 编辑器并且没有工具栏。那是我的后备,但我不想那样做。

0 投票
0 回答
39 浏览

angular - 历史在 ngx-quill 编辑器的多个实例中不起作用

我有一个包含多个组件的页面,其中每个组件都包含一个 mat-quill 编辑器的实例,当我使用撤消重做按钮时,它仅适用于页面中编辑器的最后一个实例,如果我是,它具有相同的行为使用quill-editor而不是mat-quill.

我试图复制代码,但出现控制台错误:

错误:没有“新”就不能调用类构造函数 MatQuillBase

你可以在这里查看代码:

https://stackblitz.com/edit/angular-j3wxfd

任何帮助将不胜感激,谢谢。

0 投票
0 回答
44 浏览

quill - 羽毛笔 JS | 实现多页面功能

我正在尝试用 quill 实现多页功能。我想修复每个页面的高度,当用户到达页面末尾时,我希望光标转到下一页(编辑器)而不是编辑器高度增加或出现滚动条,类似于在 Google Docs 中观察到的行为或微软word文档。我已经在视图中添加了 2 个编辑器,但不知道如何在光标到达第一页末尾时切换到新页面。

0 投票
0 回答
29 浏览

angular - Angular 2.0.0 的文本编辑器

我们有一个在 Angular 2.0.0 上运行的应用程序。是否有支持 Angular 2.0.0 的文本编辑器 npm 库。

0 投票
1 回答
171 浏览

css - Quill Editor 颜色基于验证器

带有验证功能的 Quill 编辑器

一旦验证失败会有一个由 触发的红色边框ng-invalid,对应的元素是<div class="ql-editor">

在此处输入图像描述

它不会发生。F12 发现因为ng-invalid出现在其祖父母中<quill-editor>

除非检查其祖父母,否则无法弄清楚如何在没有代码的情况下制作它

0 投票
0 回答
30 浏览

javascript - 无法在 ngx Quill 编辑器中设置 ${}

我在我的 Angular 应用程序中使用 Quill Editor。

尝试使用编辑器实例将文本插入编辑器时,普通文本可以正常工作。但是如果我使用${Name}它,当我从编辑器中读取值时它就会消失。这是代码:

使用上面的代码,值在编辑器中设置,但在读取表单值时它是空的。 注意:如果我在编辑器中手动输入文本${Name},我可以从表单中获取值。

0 投票
0 回答
91 浏览

angular - 动态创建 ngx-quill 编辑器

在 Angular 11 中开发类似 Reddit 的社交论坛应用,需要动态添加 ngx-quill 富文本编辑器。我研究了文档现场演示,但没有找到方法,还有一些关于 AngularJS 和原生 quills 的 SO 问题。这是我认为应该添加 ngx-quill 编辑器的内容