问题标签 [kolkov-editor]

我在我的角度应用程序中使用下面的编辑器。 https://www.npmjs.com/package/@kolkov/angular-editor

问题是：加载页面时，编辑器 UI 按预期工作，但是在 HTML 代码视图处于活动状态时更改文本框内容的任何操作都会破坏编辑器的菜单按钮。重置功能的唯一方法是重新加载页面。

有关更多信息，请参阅此链接：问题描述

使用默认 Html 代码加载页面时，编辑器 UI和输出 Html代码按预期工作，如果在编辑器中执行任何操作，则 UI 看起来不错，但输出 Html 代码已删除所有 css 更改。

我在这里创建了 stackblitz 代码，以便更好地理解我的问题https://stackblitz.com/edit/angular-editor-wysiwyg-i

有什么我做错了吗？

我将@kolkov/angular-editor 1.2.0 与Angular 11.2.3 一起使用，当我单击编辑器上的按钮项目符号和编号时没有发生任何事情。控制台上没有错误。

这是我使用@kolkov/angular-editor 的代码：

我的 editorConfig 对象：

问题：
从 Outlook 复制电子邮件并粘贴到 kolkov/angular-editor ( https://angular-editor-wysiwyg.stackblitz.io/ ) 图像内容已加载但不可见，因为 innerHTML 中的 img 标记包含 src 路径作为文件： ///C:/xxxx/xxxx/AppData/Local/Temp/msohtmlclip1/01/clip_image002.gif。

控制台：
拒绝加载图像'file:///C:/xxxx/xxxx/AppData/Local/Temp/msohtmlclip1/01/clip_image002.gif'，因为它违反了以下内容安全策略指令：“img-src * data ：blob：'不安全内联'”。

尝试了可能的解决方案：
将 src 路径转换为 ​​base64 并且在粘贴时不显示确切的图像

我可以看到一些付费的富文本编辑器，例如 CKEditor5，如果我复制粘贴 Outlook 邮件内容，它可以正常工作，并且图像显示在粘贴图像时，此编辑器调用上传 API 有效负载以二进制格式发送，作为响应，它提供HTTPS 图像 URL 路径，并将 src 替换为该路径。

在 kolkov/angular-editor 上有这个问题的解决方案吗？

这就是它在编辑器中的外观。

我编写了一个角度应用程序并使用角度编辑器来编辑一些文本。但是，如果我想插入图像并单击“插入图像”按钮，则会打开一个对话框，让我有机会在本地计算机上选择我的图像。但我希望能够选择并插入已经上传到我的 node.js 休息服务器上的图像。

所有关于这个问题的谷歌搜索只对如何上传图片提供了帮助。我不想上传任何东西，只想插入已经在服务器上的图片。

角度编辑器有可能吗？

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

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

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

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

或者

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

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

我正在使用 Visual Studio 代码开发 Angular 项目，我想添加 kolkovEditor。在这里我安装了 kolkovEditor，并且在编辑器中一切正常，但我无法在 kolkovEditor 中添加图像。下面给出以下错误

错误图片：

此处错误图片说明

html代码：

打字稿代码：