问题标签 [ngx-quill]

我已经设法在 Angular 7 中设置了 ngx-quill，我需要创建一个自定义文本印迹，如下所示（简化）：

我必须能够做到以下几点：

• 在创建和之后随时设置其可编辑内容
• 按回车键（只是在可编辑区域插入换行符），我不希望它分裂印迹或做任何复杂的魔法，我只想在该区域看到换行符

到目前为止我的自定义印迹：

我可以通过调用轻松创建具有任意内容的印迹

然后我被困在如何从这一点开始。

所以：

• 创建自定义印迹后如何更新其内容？
• 如何从自定义印迹的类中访问我的代码的任何部分（Quill 实例等）？
• 如何将 Enter 键的行为从退出可编辑区域更改为仅插入换行符并让用户继续输入？

每一个帮助表示赞赏！:)

我的 Angular 项目中有一个羽毛笔编辑器。一切都快完成了，但我需要将 H1 的字体大小更新为 18 像素。在它映射到 2em (~26px) 的主题中，我尝试了很多 css 选择器，但找不到正确的选择器

我正在学习如何创建博客网站。我首先尝试了一个简单的例子。但是文本编辑器没有出现在我的屏幕上。npm install --save quill@1.3.6 ngx-quill我用命令安装了 Quill 。我app.component.html的很简单。

实际上它应该看起来像。

我还导入了FormGroup和FormControlfrom@angular/forms在我的app.component.ts其中包含以下代码。

但我收到了这个错误。

整个项目在github 上。请告诉我在这个项目中我还缺少什么。

我正在尝试使用ngx-quill(<quill-editor>)类似于quilljs来实现模板功能。

我没有找到适当的文档来实现相同的功能。

谁能帮我找到？

我正在使用 QuillJS 作为编辑器（https://github.com/KillerCodeMonkey/ngx-quill）在 Angular 中开发一个小论坛，我想给它添加一个“剧透”。现在，我有一个扰流组件，其中包含一个按钮来隐藏/显示视图页面中的一些内容，但我无法让它在编辑器中工作。

我没有成功添加一个按钮来在编辑器中隐藏/显示一些文本，所以我要使用类似代码块的东西。我的问题是我无法让它按我的意愿工作：我需要在我的编辑器中添加一个扰流组件标签（它不会包含按钮等，但没关系）。我检查了已经实现的代码块，当我成功模仿它时，它并没有按预期工作。

这是我使它工作的最后一次尝试：

首先，我需要弹出一个模式来询问剧透标题（要在切换按钮中显示的文本）。

我的羽毛笔印迹

我添加扰流板组件的功能

这个结果

在每一行，它都会创建一个新的 pre 标签。但作为代码块，我希望它在当前的扰流器组件中添加一个新行，如果连续有 3 个以上的空行，则退出它。此外，它不包含任何扰流组件标签，就好像我的 Quill 印迹根本不起作用。

那么有没有办法实现我的目标？或者有没有类似的方法？

编辑 1

我已经取得了一些进展（我猜？？）。

我将摆脱“pre”标签，因为我意识到我不需要它。

这是我的最新代码：

和

结果如下：

对于以下 HTML

现在的问题是：当我按“enter”时，它会在同一行上创建一个新的空扰流器组件。当我再次按“输入”时，它会在下面的行中创建一个新的空扰流器组件...

我尝试使用以下代码在 ionic 4 Mobile 应用程序中添加“AudioBlot”并成功添加。我可以在音频中进行所有操作。

当我尝试删除（使用键盘）音频时，它不会被删除。

在 html（调试时）中，它添加了<p><audio src="agjdfj..."></audio></p>.

如何像从编辑器中删除文本一样删除音频标签？我正在尝试输入，它不会在音频标签之后添加它。

使用以下代码添加自定义音频

我是 Angular 的新手，正在尝试在 quill 编辑器中设置表格。每当我尝试注册 quill-better-table 模块时。我面临重大问题。看看我下面的代码。

我收到这些错误 -

我正在尝试在 Quill 中实现协作编辑，为此我使用 Angular 作为前端，在后端使用 Node。我已经在前端设置了带有 mongo 适配器和 ngx-quill 模块的 sharedb。但是我很困惑如何在 Angular 8 中实现 quill cursors 模块？

我的套接字服务

我的编辑器组件

我的节点后端代码

我的问题是在我的编辑器组件中导入 quill-cursors 模块后，我该如何实现它？

我更新了所有节点模块，当羽毛笔更新时，我的所有编辑器都破坏了我的应用程序。错误“NullInjectorError：InjectionToken 配置没有提供程序！” 出现了。

我已经解决了这个问题！只是想与可能在同一条船上的其他人分享。

您需要将 QuillModule (import { QuillModule } from 'ngx-quill';) 添加到 App Module 'Imports' 部分（或您正在使用的任何模块）。对我来说，我还需要添加 .forRoot() 以使其工作

同样，这对我有用，只是让大家知道以防万一您在将 ngx-quill 更新到最新版本时遇到同样的问题

我正在使用 ngx-quill 和 image-resize-module 并让它在我的应用程序中工作

在我的 angular.json 中，我在构建和测试的脚本中添加了 quill.js

我的测试文件正在导入 QuillModule

但是，在我的茉莉花测试中，我收到了这个警告

'quill', '用'覆盖模块/imageResize', 函数 t(e){ ... }

这个错误

这打破了我的整个测试运行器，它在抛出这个错误之前只运行了大约 40 个测试。我将其缩小到在我的组件中注册 imageResize 模块

如果我删除此行，我的测试将再次运行。

编辑

我找到了修复并添加了答案