问题标签 [ngx-quill]

我正在使用 Angular 开发一个博客。在那里，我想将从数据库中检索到的 HTML 字符串显示为纯文本（用于列出每个博客文章的预览）。HTML 富文本是使用ngx-quill.

我可以通过使用代码来呈现富文本<quill-view [content]="post.content"></quill-view>。但我需要将相同的内容呈现为纯文本。

我怎样才能以ngx-quill/ Angular 的方式做到这一点。请帮忙！我不喜欢使用JavaScriptDOMElement.text()获取方法。

我正在尝试将羽毛笔编辑器集成到 Angular 应用程序中。这里我使用的是ngx-quillnpm 模块。我的问题是当我使用Blockquote,时Code block，当我使用绑定它时，它们没有按预期显示innerHtml

请查看以下附件。

这是添加到angular.json

有人可以帮我吗。

提前致谢。

我使用 ngx-quill 并尝试将新编辑器的默认格式设置为粗体

然而，这些工作

这些不。

文档：https ://quilljs.com/docs/api/#formatting

我通过创建 quill 的新实例和创建自定义工具栏在 Angular 中实现了 quill 编辑器。

我有一个“更新”按钮，可以调用更新 API。我需要检查 Quill 编辑器的内容是否发生了变化。我知道 quill.on('text-change')：

但是，我不确定我应该把它放在哪里？NgOnInit? NgAfterViewInit? 我在 ngAfterViewInit 中创建了 quill 实例。我知道这可能是一个愚蠢的问题。

任何帮助表示赞赏！谢谢！:)

您好我正在尝试将 Ngx-Quill 与 ImageResize 一起使用。我只是无法让它工作。

我发现了像这样的“半解决方案”：检查链接

在实现这个之后，我可以让它在运行时像预期的那样工作ng serve。

这就是我的 app.component 中的样子：

但是，如果我在上面运行npm run dev:ssr它将无法工作，因为导入与 ssr 不兼容。我尝试了很多解决方法 swith domino，但没有成功，我也尽量避免使用 domino。

所以我尝试有条件地导入它，所以我不会得到这样的服务器端错误：

这使 ssr 服务器保持清洁，但在使用带有 Quill-Editor 的页面时会导致客户端出现以下错误：

有什么想法或解决方法吗？

我有一个包含 ngx-quill 组件的通用组件。我想调用其他几个组件来获取编辑器而不是输入字段。我成功地完成了这项工作。但是我使用 ngModels 做双向数据绑定，不能在 Div 上使用。如何在我的通用组件中访问它们。

所以这是我的常见组件：

common_component.html

Common_component.ts：

这就是我所说的：

main_component.html

main_component.ts 只包含变量声明。

现在的问题是 ngModel 不能在 div 上使用（它会抛出错误），html 认为是 div 标签，然后在其中调用，我想要那个 ngModel on ，我不能手动放置它，因为它将被使用作为通用组件。

请帮助我了解如何实现此数据绑定？

感谢您的支持，如果应该在帖子中添加更易于理解的代码，请告诉我。

我已经尝试在这个例子中为 ngx-quill 编辑器实现图像上传：https ://github.com/KillerCodeMonkey/ngx-quill/issues/89#issuecomment-542907588

它上传图像，一切都很好。但是由于某些原因，在服务器向我返回图像的 url 后，图像不会插入到编辑器中。

我注意到

range.index 它始终为 0，我想它不应该是。

也许有人已经遇到过这个问题并找到了解决方案，谢谢！

我正在使用羽毛笔编辑器，它工作正常，但问题是在粘贴包含图像的文本时，它也将它粘贴到我不想要的文本区域中。我怎么能禁用它？我尝试了以下链接中给出的格式选项，但没有用。 https://github.com/quilljs/quill/issues/1108 以下是html

这是我在 ts 中的配置

我尝试了 5.2.0 和 6.2.0 版本

任何想法？注意：给定链接上提到了一个黑客，但我想有一个适当的解决方案

我在 angular8 项目中使用羽毛笔编辑器。同样，还有一个选项可以在“链接”的帮助下添加 url。我能知道吗，有什么方法可以验证我将为“链接”文本框输入的 url，如下图所示。以下是我的代码

羽毛笔编辑器模块

html

如何验证上图标记的文本框中的链接。

我正在尝试按照作者在这里的示例来实现 ngx-quill 的材质版本：ngx-quill-example

问题是我在mat-quill-base.ts直接从示例存储库复制的文件 ( ) 中收到以下错误：

“禁用”被定义为“CanUpdateErrorState & CanDisable & MatQuillBase”类中的属性，但在“_MatQuillBase”中作为访问器被覆盖。

对于占位符和必需的，我又得到了两个相同的错误。

需要覆盖这些属性以说明运行 ngx-quill 编辑器的材质版本所需的更改。

请参阅：堆栈闪电战演示

这是相关代码供参考

mat-quill-base.ts

disabled, required, 和placeholder都在QuillEditorBase类中定义。这是来自 ngx-quill 节点模块：

我可以进行哪些更改来满足此错误？我在存储库上创建了一个问题，但它在没有任何帮助的情况下被驳回并关闭。所以这是一个死胡同。