tinymce文本编辑器上传图片问题

Question

我已经将TinyMCE文本编辑器集成到我正在使用的博客中。它是使用PHP和HTML编写的。博客可以工作，但我注意到当我上传一张图片时，它会显示在TinyMCE中，但在前端，下面的图片和文本不会显示。看一下源代码，它看起来图像正在编码，我在源代码中看到了以下内容：

<img src="data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABkAAD/4QMraHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7

有谁能帮帮忙吗？

Answer 1

如果您使用本地文件选择器将图像插入到TinyMCE中，那么当本地图像插入到编辑器中时，您将获得对该本地图像的Base64编码引用。在运行时渲染Base64图像时，由于大小和性能问题，您通常不希望保留该图像。本文档介绍了如何让TinyMCE处理这些图像，并在插入图像时将其实时转换为“常规”图像：

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

一旦你插入图片，这个过程就会被触发。您还可以查看像MoxieManager这样的工具，它们构建了一个UI来为您处理整个过程。