在 TinyMCE 中设置数据 URI答案

【问题标题】：Set data URI in TinyMCE在 TinyMCE 中设置数据 URI
【发布时间】：2016-03-17 08:30:27
【问题描述】：

TinyMCE 初始化选项

$scope.tinymceOptions = {
    plugins: 'base64img image imagetools paste ...',
    relative_urls: false,
    paste_data_images: true,
    ...
};

paste_data_images: true 选项意味着不应从粘贴的内容中删除data:url 图像（内嵌图像）（请参阅docs）。
我使用 TinyMCE 4.2.8。在base64img插件里面我写了如下代码

var editor; // TinyMCE editor
var imgData; // base64 image data string, like "data:image/png;base64,...="
editor.setContent("<img src='" + imgData + "' />", {format: 'raw'});

// editor.execCommand('mceInsertRawHtml', false, '<img src=\'' + imgData + '\' />');  // another way

到embed an image，它作为base64字符串加载到内存中。命令执行后，img src 会神奇地 转换为'blob:http%3A//localhost%3A8080/...'。 为什么？

它可以工作（显示图像），但我想将图像存储为data:，而不是将它们上传到服务器并存储为blob。 如何改变这种行为？

【问题讨论】：

标签： html image tinymce

【解决方案1】：

图像在内部保存为'data:image/png;base64,...='，因此您无需担心。不进行上传，'blob:http%3A//localhost%3A8080/...'仅用于显示图片信息。

【讨论】：