问题标签 [ngx-quill]

我有一个使用许多 Quill 编辑器的 Angular 应用程序。为了减少页面上的噪音，我只想在特定编辑器具有焦点时显示羽毛笔工具栏。有没有一种简单的方法可以做到这一点？

例如，我们正在使用 quill 编辑器在我们的应用程序中添加富文本，并在我们组件的 typescript 文件中添加了一些基于事件的方法。

在编写 Jasmine 测试用例时，如何模拟 $event，因为它具有非常复杂的结构。据了解，简单的事件和对象可以通过useValue和useClass进行mock，并为对象提供dummy value，但是我们如何模拟复杂的嵌套结构。

我在我的模板中使用羽毛笔编辑器，编辑器的内容通过 [(ngModel)] 绑定到我的组件中的一个变量，该变量基本上是一个带有一些 html 标记的文本。我发现如果我更改变量的值，羽毛笔编辑器会格式化其文本并将所有出现的<div>标记替换为<p>. 在我的情况下，这被证明是非常有用的，我想了解它是如何工作的，以及如何在我的 Angular 组件中模拟这种行为以使用它来格式化其他文本值？有没有办法动态地将文本传递给 Quill，然后取回格式化的值，例如通过编辑器上的方法调用？

如果用户单击quill-mention提供的 @mention （或 # tag）元素，我想从编辑器重定向用户。（Angular + ngx-quill + quill-mention）。可能吗？如果是这样，怎么做？还是我需要另一个更复杂的编辑器？

所以我有一个 Angular Universal 项目运行良好。在添加了很多代码和一些外部 npm 库（如 Quill）之后，我现在发现一个窗口引用错误。我已经检查了我的所有组件，并且当我引用窗口时，所有组件都包含在if(isPlatformBrowser(this.platformId)){ .

错误信息：

无论如何我可以检查此错误的位置以确定哪个库或代码文件导致它？

我正在使用 Angular 10 并包含 ngx quill 编辑器来显示富文本编辑器。当我们将 html 内容保存到数据库中时，它会以 html 类类型保存，如下所示：

当我们通过我们的应用程序发送电子邮件时，我们在电子邮件正文中发送上述内容，但 css 类将不可用。因此它不显示样式。我们如何在 Angular 中实现这一点？

我尝试了下面的代码并没有得到任何运气：

https://github.com/quilljs/quill/issues/1451

我在羽毛笔中有两个工具栏。

1. 羽毛笔工具栏
2. 自定义工具栏

我需要将图像工具放在自定义工具栏中，但问题是 quill 只允许 addHandler 用于它自己的工具栏，因此当用户单击我的图像时，我需要以编程方式打开 quill 图像上传器。

有什么办法吗？

谢谢

目前，我们可以使用 Quill Editor 上传图片。这是base64，但我们可以上传那个usign图像处理程序。像下面这样：

官方图像处理程序在这里：

我的问题是如何上传视频？

在这个例子中，编辑器是在 Shadow Root 中创建的。

https://codepen.io/artemiusgreat/pen/XWMPdWG

到目前为止，主要问题是当通过单击面板上的或按钮从工具栏模块启动时，内联格式不起作用。BoldItalic

原因是window.getSelection始终在 Shadow Root 内返回空选择。

好消息是，当通过按CTRL+B或CTRL+从键盘模块启动内联格式时，它会以某种方式起作用I。

我正在研究代码，但如果有人已经解决了这个问题，我将不胜感激。

我有以下 HTML：

出于某种原因，这在 Quilljs 中无法正确显示。似乎字体元素没有占用。我创建了一个 stackblitz 来证明这一点：https ://stackblitz.com/edit/angular-ivy-c4feuv?file=src/app/app.component.ts