使用 base64 编码将图像嵌入到 tinymce

Question

我想在tinymce编辑器中嵌入一个图像而不是文件，我想用这种形式嵌入它（直接把它的base64数据）

<img src="data:image/png;base64,ABCD..."></img>

我将图像数据存储在一个变量中，

var data= '<img src="data:image/png;base64,ABCD..."></img>';

当我调用

tinyMCE.execCommand('mceInsertContent', false, data);

或

tinyMCE.execCommand('mceInsertRawHTML', false, data);

或

tinyMCE.activeEditor.setContent(data, {format:'raw'});

调用后，当我取回 HTML 时，我们有：

<img src="blob:XYZ">

但是 blob 内容与我们提供的数据不同，它非常短，如果我们在另一个浏览器中重用此 HTML，我们将看不到图像。 TinyMCE 使用这个 BLOB:... 进行缓存，但我不想要任何缓存。

Answer 1

尝试设置此配置

tinymce.init({
  paste_data_images: true
});