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

时间:2016-04-15 08:07:32

标签: javascript jquery tinymce-4

我遇到最新的tinyMCE编辑器问题,每当我尝试选择和编辑图像时,它的源代码都会像这样转换为blob路径。

团块:HTTP://本地主机/ 87d42e34-9961-412c-914B-dc6a77ab68e0

你们有没有人面对这个问题或者已经解决了......?

请帮忙

1 个答案:

答案 0 :(得分:1)

使用TinyMCE图像工具编辑图像时,您将获得其中一个编码图像 - 这就是图像工具的工作方式。

您可以执行的操作是配置TinyMCE以上传此图像,您可以根据应用程序存储该图像。

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

images_upload_url(你必须创建)中引用的URL处的图像处理程序必须做任何需要做的事情来存储"应用程序中的图像。这可能意味着:

  • 将项目存储在Web服务器上的文件夹中
  • 将项目存储在数据库中
  • 将项目存储在资产管理系统中

...无论您选择存储图像的位置,您的图像处理程序都需要返回一行JSON,告诉TinyMCE图像的新位置。如TinyMCE文档中所述,这可能如下所示:

{ location : '/uploaded/image/path/image.png' }
然后,TinyMCE会将图像的src属性更新为您返回的值。如果您在init中使用images_upload_base_path设置,该设置将添加到返回的位置。 TinyMCE页面提供了有关所有这些内容的更多详细信息:

https://www.tinymce.com/docs/advanced/handle-async-image-uploads/

这里的网络是,只要您编辑图像,图像工具就会创建其中一个编码图像。 TinyMCE知道您的内容中是否存在嵌入式图像,但它可能无法知道在您的应用程序上下文中如何处理该图像,因此您必须执行作业("图像处理程序")创建