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

时间:2017-07-21 07:54:30

标签: javascript html tinymce embed

我想将图像嵌入到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:..进行缓存,但我不想要任何缓存。

1 个答案:

答案 0 :(得分:0)

尝试设置此配置

tinymce.init({
  paste_data_images: true
});

https://www.tinymce.com/docs/plugins/paste/#paste_data_images