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

【问题标题】：tinymce text editor upload image issuetinymce 文本编辑器上传图片问题
【发布时间】：2018-04-20 11:20:26
【问题描述】：

我已将 TinyMCE 文本编辑器集成到我正在使用的博客中。它使用 PHP 和 HTML 编码。该博客有效，但我注意到当我上传图像时，它会显示在 TinyMCE 中，但在前端，下面的图像和文本不显示。查看源代码，看起来图像正在被编码，因为我在源代码中看到以下内容：

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

有人可以帮忙吗？

【问题讨论】：

你是如何将这些图片插入到内容中的？
我不确定是否诚实，因为只需单击浏览服务器按钮并从我的计算机添加图像我已更改为 ckeditor 和 elfinder，但现在遇到了问题

标签： tinymce

【解决方案1】：

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

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

一旦您插入图像，该过程就会被触发。您还可以查看 MoxieManager 等工具，这些工具的 UI 可以为您处理整个过程。

【讨论】：