在 TinyMCE 中设置数据 URI

TinyMCE 初始化选项

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

paste_data_images: true选项意味着data:url图像（内联图像）不应从粘贴的内容中删除（请参阅docs https://www.tinymce.com/docs/plugins/paste/#paste_data_images).
我使用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

to 嵌入图像 https://stackoverflow.com/questions/1207190/embedding-base64-images它作为 base64 字符串加载到内存中。命令执行后img src为神奇地转换成'blob:http%3A//localhost%3A8080/...'. Why?

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

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