javascript - 使用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
});

https://www.tiny.cloud/docs/plugins/paste/#paste_data_images