问题标签 [toast-ui-image-editor]

请注意，这是一个自我回答的问题。

这个问题是关于 ToastUI Image Editor v3.3.0，但它也可能适用于较新的版本。

当您使用此官方示例加载图像时：

编辑器不会加载图像。该函数既不抛出也不返回任何指示失败的内容，并且您不会收到任何错误消息。它返回一个按照文档中指定的方式解析的承诺。

它仅通过在初始配置中指定来加载图像，之后您无法更改它：

看来loadImageFromURL函数已损坏，并且根据其他用户的说法loadImageFromFile也有同样的问题。

关于这方面的问题已经在 GitHub 上提出过，但基本上都被忽略了。现在已经一个月了，不幸的是它仍然没有修复。

所以问题是在这个问题存在的情况下如何欺骗图像编辑器工作。

这是一个表明它不起作用的小提琴：https ://fiddle.sencha.com/#view/editor&fiddle/2org

我正在开发一个使用 Jquery UI 1.10.1“对话框”功能的大型遗留项目。现在我实现了 TUI - Toast 图像编辑器https://github.com/nhnent/tui.editor

问题是在图像上写文本时，它不起作用，但只有在加载到 dialog() 弹出窗口时才会起作用。当直接加载到页面上的 div 中时，它会按预期工作。

因此，onKeyDown 笔画不会在对话框弹出窗口中出现在画布中......

有任何想法吗？

我正在我的项目中集成 tui 图像编辑器，但是当我尝试输入时遇到了问题。图像编辑器位于模态框内，我认为它必须对此做些什么，但我不知道是什么。一切正常，除非我尝试添加文本。

有任何想法吗？

我正在尝试在本地主机上初始化 tui-image-editor。我从https://github.com/nhn/tui.image-editor下载了这个著名的图像编辑器

这是我的代码

结果，我得到空白页，没有错误没有警告

我没有摆脱这种情况，你能找出我做错的地方吗？

我遇到了 TUI 图像编辑器的问题，在使用该loadImageFromURL功能后按钮不起作用。

目前，我使用以下脚本从 TUI 编辑器下方的图库中加载图像，但第一张图像除外：

我的初始化

我选择其他图像的脚本：

现在，奇怪的是，图像加载正常。但是按钮什么也没做。如果我突出显示旋转按钮，它会显示“旋转”的帮助弹出窗口，但实际上不会做任何事情。

加载图像时是否必须以某种方式重置画布？

我正在使用React-Admin并且我需要使用/创建一个组件来裁剪图像（配置文件图像）并将其存储为 base64 图像。我发现@toast-ui/react-image-editor比其他图书馆更好，但我有一个问题。在React-Admin我们这样使用ImageInput的时候：

数据可以从源加载（在编辑模式下）并将其存储在那里，但是当我们使用我提到的其他组件时，我需要知道如何将数据作为源传递给它。使用这个库或任何其他库对我来说都没有关系……但我需要一个使用简单的库。

实际上，我的问题是将新组件连接到 react-admin 使用的模型。

大家好，

我正在使用 tui-image-editor npm。我想用动态图像在引导模型中打开我的编辑器。

我遇到了这个错误

CORS 策略已阻止从源“ http://localhost:3000 ”访问“ https://bucke_test.s3.amazonaws.com/5e4cf329adb6054a45a8203a/REN_3018.jpg ”中的图像：否“Access-Control-Allow-Origin” ' 请求的资源上存在标头。因此，不允许访问源“ http://localhost:3000 ”。webpack://tui.ImageEditor/./src/js/invoker.js?:214 Uncaught (in promise) 执行命令状态被锁定。

我已经在我的 s3 存储桶中设置了 cors 权限。

您好，我搜索了一个在 html 模态中加载 tui 图像编辑器的解决方案我有一个包含许多图像的表单，我想添加一个按钮来编辑它，它将打开一个带有图像的模态......我的想法是添加页面中的脚本和按钮中的 js 事件......但我不知道一些对我有什么帮助？

问候

如果我想扩展 Toast UI Image Editor javascript 库的预建功能，我想了解这种方法。在这个库中有一个函数 addShape(link below) 可以用来绘制三个已经定义的形状，即矩形、圆形、三角形。我想扩展此函数的功能以合并另一种形状，例如 SemiCircle。我已经编写了绘制半圆的代码，但是如何将它添加到 addShape 函数中。目前我已经开发了一个名为 addNewShape 的新函数并相应地处理传入的请求，但我想使用继承的覆盖性质。

我如何覆盖 addShape 方法，以便对于半圆我的函数应该被调用，否则默认函数？

我不想更改库本身，只是扩展现有功能的解决方案。

Toast UI 图像编辑器：https ://ui.toast.com/tui-image-editor/ 功能：https ://nhn.github.io/tui.image-editor/latest/ImageEditor#addShape

我正在尝试在按钮单击时添加图像，就像我们在 TUI 图像编辑器 Mobile 中调用图标或形状一样。所以为此，我在service-mobile.js中添加了以下代码

并在主页上

在按钮单击时调用图像是正确的代码吗？