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

angular - 使用 Angular Material 的 cdkDrag 指令时,ngx quill 编辑器无法正常工作

使用 Angular Material 的 cdkDrag 指令时,Quill 编辑器没有聚焦或无法键入内容。

这里我分享 StackBlitz 代码。

https://stackblitz.com/edit/angular-ivy-xalouc

理解

  • 如果右键单击编辑器,它是可编辑的
  • 单击任何工具栏菜单项,它是可编辑的

请建议解决此问题。提前致谢。

0 投票
0 回答
23 浏览

angular - Quilljs 中的印地语兼容性

我想在 quill 中使用印地语,但在将印地语文本从 Word 文档粘贴到 Quill 编辑器时,它会显示有线行为

在给定的图像中,突出显示的文本在段落的最后跳转

https://stackblitz.com/edit/angular-ivy-rvwurm?file=src/app/app.component.ts

इसकेदकीकीसबसेकजगहजगहजगहजगह。सोलह-फिटफिटकीहोनेहोनेणउनकेउनकेदोनोंमीलोंमीलों चढ़होनेहोनेहोनेलेखकलेखकनेने दूसदिनलेखकसघोड़ोंघोड़ोंघोड़ोंचलचलचलपड़े 17-18हज़फीटफीटफीटथेथेथेथेथेथेथेथेतफ़फ़फ़पूसेसेसेसे भीटेकीदिखनेलेड़बिलकुलबिलकुलनंगेथेथेथेथेथेफ़ उतफ़बहुतकमफ़ँईपड़तीपड़ती。सबसे,पत,जकेढेोंकीकीकीबिंगेकपड़ेकपड़ेकीकीझंडियोंझंडियोंझंडियोंसेसेसेस。。。。。डडड

这是在羽毛笔编辑器中粘贴时变得混乱的实际文本。此外,在使用项目符号时,它忽略了最后一句话。

0 投票
0 回答
101 浏览

angular - 如何在鹅毛笔编辑器工具栏中实现工具提示

我们在 Ionic 4 应用程序中使用“quill”:“1.3.7”版本的 quill 编辑器。我们需要显示工具栏选项的工具提示。是否有可能为工具栏选项启用工具提示。这里附上羽毛笔编辑器示例屏幕供您参考。

0 投票
0 回答
227 浏览

angular - Angular 12 Quill富文本编辑器在组件中初始化后设置内容?

此代码来自我的 edit-blog.component.html。当 Angular 页面为 OnInit() 时,我想将博客描述设置为 quill editor

但是当我将 [content]="blog.description" 添加到 HTML 时,我得到了错误。错误是;

  1. 如果 'quill-editor' 是一个 Angular 组件并且它有 'content' 输入,那么验证它是这个模块的一部分。
  2. 如果“quill-editor”是一个 Web 组件,则将“CUSTOM_ELEMENTS_SCHEMA”添加到该组件的“@NgModule.schemas”以禁止显示此消息。
  3. 要允许任何属性,请将“NO_ERRORS_SCHEMA”添加到此组件的“@NgModule.schemas”。
0 投票
0 回答
291 浏览

angular - Angular富文本编辑器最大长度验证

我需要设置 Angular Editor 的最大长度。我尝试了很多方法,但无法设置最大长度。

我已经尝试过以下编辑器。

  • 科尔科夫/角度编辑器
  • ngx-quill
  • 编辑器

请帮我解决最大长度验证。

或者

建议我使用 minlength 和 maxlength 验证选项的其他编辑器。

示例:https ://stackblitz.com/edit/angular-editor-wysiwyg-afbpk1?file=src/app/app.component.html

0 投票
0 回答
75 浏览

angular - 角羽毛笔动态配置

我目前正在一个 Angular 项目中实现带有 quill-mention 的 quill 编辑器。Quill-mention 应该使用来自已实施员工服务的特定 http 请求:

问题是如何将这个 Service 函数注入到 QuillModule 配置中。我已经尝试创建一个 QuillConfigModule:

配置似乎已经更新,但 Quill Editor 仍然是未配置的。

0 投票
0 回答
26 浏览

testing - 使用 Cypress 复制和粘贴图像

我在尝试使用 cypress复制和粘贴图像时遇到了困难。我需要的是:

  • 从页面本身或从夹具复制图像,都可以
  • 将其粘贴到 textricharea(QuillJS 编辑器)
  • 断言图像的高度或宽度不大于 x 个像素。

我已经尝试过使用剪贴板,我设法复制了文本,但由于某种原因,即使是表情符号也没有这样做。复制 Base64 Img 也不起作用,因为它被编辑器解释为文本。

有没有办法我可以用或(最好)不用剪贴板来做到这一点?

0 投票
0 回答
22 浏览

html - Quill Editor 显示其他内容

我正在尝试在我的应用程序上使用羽毛笔编辑器,我已按照所需的步骤进行操作,羽毛笔编辑器正在显示需要的位置,但它显示了一些形状和框。这是我下面的代码;app.module.ts

我还在我正在使用的模块中导入了 QuillModule

html代码

我还在我的 styles.css 中导入了必要的羽毛笔样式

下面是羽毛笔编辑器显示的图像 羽毛笔编辑器输出

如果我继续滚动,我会继续看到不同的形状。

羽毛笔编辑器输出

0 投票
2 回答
15 浏览

angular - 如何在 ngx-quill 编辑器中填充数据并保持格式不变?

我能够以角度创建 ngx-quill 编辑器。我无法理解如何在编辑器中填充数据。羽毛笔编辑器返回 html 和 delta 对象。当下次用户访问该页面时,我看不到任何关于如何将其填充到编辑器中的选项。

QuillJs 有一些 API,例如 setContents,但它需要使用 quill 实例调用,并且在 Angular 中我无法理解如何获取 quill 实例然后调用 setContents 方法。

在此先感谢您的帮助。