图像源路径在 tinyMCE 编辑器中转换为 blop 而不是真实路径

Question

我在使用最新的 tinyMCE 编辑器时遇到问题，每当我尝试 select 并编辑图像时，它的来源正在转换为这样的 blob 路径。

blob:http:///localhost/87d42e34-9961-412c-914b-dc6a77ab68e0

你们中的任何人是否遇到或解决了这个问题...？

请帮忙

Answer 1

当您使用 TinyMCE 图像工具编辑图像时，您将获得这些编码图像之一 - 这就是图像工具的工作原理。

然后您可以做的是配置 TinyMCE 以上传此图像，然后您可以按照您认为适合您的应用程序的方式存储该图像。

基本过程是 TinyMCE 将为您使用图像编辑器修改的每个图像创建一个单独的 HTTP POST。它会根据初始化中 images_upload_url 选项的设置将该图像发送到您选择的 URL（通过 HTTP POST）。

images_upload_url（您必须创建）中引用的 URL 处的图像处理程序必须对应用程序中的图像 "store" 做任何需要做的事情。这可能意味着：

...无论您选择将图像存储在何处，您的图像处理程序都需要 return 一行 JSON 告诉 TinyMCE 图像的新位置。正如 TinyMCE 文档中所引用的，这可能看起来像：

{ location : '/uploaded/image/path/image.png' }

TinyMCE 随后会将图像的 src 属性更新为您 return 的值。如果您在 init 中使用 images_upload_base_path 设置，它将被添加到 returned 位置。 TinyMCE 页面有关于所有这些的更多详细信息：

这里的网络是图像工具将在您编辑图像时创建这些编码图像之一。 TinyMCE 知道您的内容中何时存在嵌入图像，但它不可能知道在您的应用程序上下文中如何处理该图像，因此您必须创建该作业（"image handler"）。

Image source path is converting into blop instead of real path in tinyMCE editor