问题标签 [ngx-quill]

我正在使用带有羽毛笔编辑器的 Angular 7。用例：我有羽毛笔编辑器，需要在双击任何按钮时附加一些文本，获取双击的值但无法获得羽毛笔编辑器内的光标位置。

我尝试使用 (onContentChanged)、(onEditorCreated) 和 (onSelectionChanged) 并尝试使用 onFocus，因为我必须在单个模板中使用多个羽毛笔编辑器。

只需要在焦点编辑器上附加文本，但只需要在光标位置上。

这是我的代码示例

当我使用 QuillJs 编辑现有的 HTML 文档时，它会删除原始 HTML 的注释、缩进等。有没有办法防止这种情况发生？

我有 Angular 项目，并且我使用了 ngx-quill 富文本编辑器，它在添加新记录或编辑记录时完美运行，并将结果存储在数据库中。现在我想将富文本的结果显示到它显示的组件中，如下所示：

我想将自定义数据属性添加到图像标签（例如，data-filename="abc.jpeg"），它可以在 Quill 编辑器中存储某些元数据。我在 Quill 中尝试了归因器，但无法成功完成工作。

任何人都可以帮忙吗？

我在我的解决方案中使用 ngx-quill 作为编辑器。现在我想在工具栏上添加一个自定义按钮，它将在编辑器的内容区域中插入一个文本。

在工具栏中，我想显示“N”，该按钮会将文本：“[Name]”插入到光标所在编辑器的内容中。我怎样才能做到这一点？

我正在使用ngx-quill编辑器，到目前为止它具有我需要的所有功能。但是，我没有看到有关如何删除来自剪贴板的文本的背景颜色和字体颜色的任何选项。

我想保留除颜色之外的所有其他格式。这可能吗？

我在我的 Angular 项目中使用ngx-quill编辑器作为富文本编辑器。这样我就可以将它生成的 HTML 保存在 DB 中，然后在不同的浏览器上将其呈现为innerHTML。因为它没有使用内联 CSS，并且有一个 class 属性来设置 HTML 样式，它引用了这个编辑器的内置类。我想在这些内置类不可用的平台上呈现这个 HTML。

如何在这些内置类不可用的页面上呈现 HTML？

或者

有没有办法将这些类转换为内联样式？

或者

以及是否有任何其他选项来呈现此编辑器保存的 HTML 并应用了样式？

任何帮助，将不胜感激

我使用formly来渲染带有 Angular 材质的反应形式。现在我尝试用quill替换普通的 textarea 字段（角度的文本编辑器）

formly 和 quill 分别可以正常工作，但问题在于将 quill 编辑器包含为 formly 字段。

我已经尝试过的：

以上方法均无效！

我不想像这样制作单独的部分：

我在我的项目中使用 angular 8 + quill，并且在本地使用ng serve. 但是当我尝试部署它时，我遇到了以下问题。我研究了很多问题，但没有什么对我有用。更新角度，删除node_module等等..！

这是我得到的错误

./node_modules/ngx-quill/fesm2015/ngx-quill.js 中的错误模块构建失败（来自 ./node_modules/@angular-devkit/build-optimizer/src/build-optimizer/webpack-loader.js）：TypeError：无法在 checkNodeForDecorators (/Users /liyanaarachchi/XXXX/iXXXt/node_modules/@angular-devkit/build-optimizer/src/transforms/scrub-file.js:77:21) 在 vi​​sitNodes (/Users/liyanaarachchi/iXXX/iXXXX/node_modules/typescript/lib/ typescript.js:16514:30) 在 Object.forEachChild (/Users/liyanaarachchi/xxxx/iXXXXXX/node_modules/typescript/lib/typescript.js:16740:24) 在 checkNodeForDecorators (/Users/liyanaarachchi/iXXXX/XXXXXX/node_modules/@angular-devkit/build-optimizer/src/transforms/scrub-file.js:68:31) 在 vi​​sitNode (/Users/liyanaarachchi/XXXX/XXXX /node_modules/typescript/lib/typescript.js:16505:24) 在 Object.forEachChild (/Users/liyanaarachchi/ibrainmart@gmail.com/ibrainmart/node_modules/typescript/lib/typescript.js:16635:21) 在 checkNodeForDecorators ( /Users/liyanaarachchi/ibraiXXXXm/iXXXart/node_modules/@angular-devkit/build-optimizer/src/transforms/scrub-file.js:68:31) 在 vi​​sitNode (/Users/liyanaarachchi/ibXXXm/XXXt/node_modules/typescript/ lib/typescript.js:16505:24) 在 CheckNodeForDecorators (/Users/liyanaarachchi/ibXXXXl.com/XXXXXt/node_modules/@angular-devkit/build-optimizer/src/transforms/scrub-file.js:68:31) 在 vi​​sitNode (/Users/liyanaarachchi/ibrXXXXm/iXXXXrt/node_modules/typescript/lib/typescript.js :16505:24) 在 Object.forEachChild (/Users/liyanaarachchi/XXXXXXom/ibXXXXart/node_modules/typescript/lib/typescript.js:16692:24) 在 checkNodeForDecorators (/Users/liyanaarachchi/ibraiXXXXm/ibXXXXart/node_modules/@angular- devkit/build-optimizer/src/transforms/scrub-file.js:68:31) 在 object.forEachChild 的 visitNode (/Users/liyanaarachchi/ibXXXXX/iXXXXXart/node_modules/typescript/lib/typescript.js:16505:24) (/Users/liyanaarachchi/ibrainmXXXXXm/ibXXXXXt/node_modules/typescript/lib/typescript.js:16599:21)31) 在 object.forEachChild (/Users/liyanaarachchi/XXXXXXom/ibXXXXart/node_modules/typescript/lib/typescript. js:16692:24) 在 checkNodeForDecorators (/Users/liyanaarachchi/ibraiXXXXm/ibXXXXart/node_modules/@angular-devkit/build-optimizer/src/transforms/scrub-file.js:68:31) 在 vi​​sitNode (/Users/liyanaarachchi) /ibXXXXX/iXXXXXart/node_modules/typescript/lib/typescript.js:16505:24) 在 Object.forEachChild (/Users/liyanaarachchi/ibrainmXXXXXm/ibXXXXXt/node_modules/typescript/lib/typescript.js:16599:21)31) 在 object.forEachChild (/Users/liyanaarachchi/XXXXXXom/ibXXXXart/node_modules/typescript/lib/typescript. js:16692:24) 在 checkNodeForDecorators (/Users/liyanaarachchi/ibraiXXXXm/ibXXXXart/node_modules/@angular-devkit/build-optimizer/src/transforms/scrub-file.js:68:31) 在 vi​​sitNode (/Users/liyanaarachchi) /ibXXXXX/iXXXXXart/node_modules/typescript/lib/typescript.js:16505:24) 在 Object.forEachChild (/Users/liyanaarachchi/ibrainmXXXXXm/ibXXXXXt/node_modules/typescript/lib/typescript.js:16599:21)24) 在 checkNodeForDecorators (/Users/liyanaarachchi/ibraiXXXXm/ibXXXXart/node_modules/@angular-devkit/build-optimizer/src/transforms/scrub-file.js:68:31) 在 vi​​sitNode (/Users/liyanaarachchi/ibXXXXX/iXXXXXart /node_modules/typescript/lib/typescript.js:16505:24) 在 Object.forEachChild (/Users/liyanaarachchi/ibrainmXXXXXm/ibXXXXXt/node_modules/typescript/lib/typescript.js:16599:21)24) 在 checkNodeForDecorators (/Users/liyanaarachchi/ibraiXXXXm/ibXXXXart/node_modules/@angular-devkit/build-optimizer/src/transforms/scrub-file.js:68:31) 在 vi​​sitNode (/Users/liyanaarachchi/ibXXXXX/iXXXXXart /node_modules/typescript/lib/typescript.js:16505:24) 在 Object.forEachChild (/Users/liyanaarachchi/ibrainmXXXXXm/ibXXXXXt/node_modules/typescript/lib/typescript.js:16599:21)

包.json

tsconfig.json

`

有人可以告诉我为什么我会收到这个错误

角.json

我有这个使用的 Angular 项目，ngx-quill我想向它添加第三方模块quill-blot-formatter。

我已@types/quill作为开发依赖项安装以消除 TS linter 错误并配置tsconfig.json为包含"esModuleInterop": true和"allowSyntheticDefaultImports": true.

我还添加quill.js了angular.json以下内容：

我正在尝试在其中注册模块，app.module.ts但在浏览器控制台上出现以下错误。

quill.js:1122 Uncaught TypeError: Cannot read property 'register' of undefined

这是我的模块注册码：

我尝试过Quill以各种方式导入（* as Quill, * as QuillNamespace），但没有任何效果。

任何帮助，将不胜感激。