问题标签 [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 回答
1316 浏览

javascript - 如何将 ngx-quill 编辑器内容从我的数据库呈现到视图组件?

我正在开发一个使用 ngx-quill 作为文本编辑器的 Angular 博客应用程序。我向我的数据库添加记录没有问题。当我尝试呈现内容时出现问题,它没有显示数据。

这是我要在其中显示内容的详细信息发布组件 HTML:

0 投票
0 回答
111 浏览

angular - 在页脚 ngx-quill 中添加自定义按钮

羽毛笔配置中是否有一种方法可以将编辑器格式化如下?我知道我可以添加自定义工具栏,但是有没有办法可以在编辑器的页脚中有一个按钮?

在此处输入图像描述

0 投票
1 回答
316 浏览

angular - 如何在 Embed 印迹扩展中获取 quill 实例?

我正在使用 Angular 和 ngx-quill。我有一个自定义工具栏按钮,它将插入具有某些属性的文本。我想在单击该文本时选择该文本。

这是我到目前为止所拥有的:

我添加了一个单击事件侦听器,它应该获取当前的 quill 实例以获取和设置选择。注释代码可以工作,但我不知道如何获取 quill 实例!

目前,此代码位于与我的编辑器组件分开的文件中,该组件扩展了工具栏并映射了自定义图标等。这个位于组件外部的单独文件使得管理 quill 实例变得困难,不确定正确的方法是什么。

0 投票
0 回答
160 浏览

angular - 羽毛笔编辑器删除样式?

我在 Angular 8 中使用 quill,当我更新 quill 数据时,它会删除样式并仅更新 html 标签

这是我在从羽毛笔编辑器更新数据之前的代码

更新后,它在 html 数据下方的更新

它的删除样式标签

0 投票
1 回答
460 浏览

angular - 升级后将 Angular 10.2 与 Jest 一起使用时,ngx-quill 测试失败

从 Angular 9.x 升级到 Angular 10.x 使用该组件的所有组件规格quill-editor无法ngx-quill加载。

这是由标准角度测试产生的:

这是他们产生的错误信息:

当我们的视图有一个简单的 quill 编辑器使用时,就会发生这种情况:

(评论或删除此行允许测试通过)

以前通过调用模拟模块 quilljest.mock就足够了:

但现在测试失败了......

QuillModule我们在一个共享组件中加载并根据需要导入这个共享组件:

0 投票
1 回答
536 浏览

javascript - 在 Quill 编辑器 Angular 2+ 中添加字体

我在 Angular 中使用羽毛笔编辑器我无法在 Angular 2+ 中添加多种字体我正在使用以下代码片段

每当我在字体列表中添加字体时,我总是得到相同的字体。我也关注了这个链接,但它不是角度的,我想 如何使用工具栏选项在 Quill js 上添加字体类型?

谁能帮我?

0 投票
1 回答
1094 浏览

angular - 尝试在 Angular 中使用 quill 编辑器组件实现 quill-better-table 时出错

我尝试了几种方法使 quill-better-table 工作但没有成功,大多数示例都不适用于 Angular,我收到一条错误消息,提示“无法读取未定义的属性 'insertTable'”我将包括我的代码和错误如下,请帮助我。注意:这适用于生产中使用的应用程序。

这是我的 HTML 代码:

这是我的 Angular TS 代码:

这是我的模块文件:

这是我为 quill 导入的 CSS:

这是我对 quill 和 quill 表的 package.json 依赖项:

这是我得到的错误:

0 投票
1 回答
765 浏览

angular - 羽毛笔编辑器图像调整大小

我正在使用 ngx 羽毛笔编辑器,它可以用来粘贴图像或通过工具栏添加图像。我的方法不是使用 64 位,我将图像上传到服务器并返回到我的羽毛笔编辑器中的输入,如果用户上传一个 URL图片。我现在使用quill-image-resize 的问题 -如果我不将新图像上传到服务器,则无法调整该图像的大小,问题是插件在调整图像大小后没有事件,因此无法重新上传。

比我的方法更好的方法还是我应该放弃

0 投票
0 回答
75 浏览

javascript - 如何从自定义嵌入块中获取 quill 实例

我想在我的图像的 src url 中添加一个安全令牌。我创建了一个自定义块

有什么方法可以获取调用此 create() 方法的 quill 实例吗?

0 投票
1 回答
659 浏览

angular - 生产模式下的 Ngx Quill 错误:未捕获(承诺中):TypeError:ne 不是函数

运行 Angular 10 项目并浏览到 <quill-editor></quill-editor> 后,我收到一个错误。Quill 文本编辑器在调试模式下运行良好,但在生产模式下却失败了。

这是错误:

我的 package.json:

如您所见,我使用“quill”:“1.3.7”和“ngx-quill”:“^13.0.1”。我用 ngx-quill 12.0.1 试过了,但在生产模式下我得到了同样的错误。

使用“webpack-dev-server --inline --progress --port 54535”进行调试

和生产模式:“rimraf dist && webpack --config config/webpack.prod.js --progress --profile --bail”

如果我查看 ngx-quill.js,似乎错误存在于 getQuill() 中:

谁能帮我吗?谢谢。