html5 – 在TinyMCE中设置数据URI

前端之家收集整理的这篇文章主要介绍了html5 – 在TinyMCE中设置数据URI前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
TinyMCE init选项
$scope.tinymceOptions = {
    plugins: 'base64img image imagetools paste ...',relative_urls: false,paste_data_images: true,...
};

paste_data_images:true选项表示不应从粘贴的内容删除数据: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:// localhost:8080 / …’.为什么?

它的作品(图像显示),但我想将图像存储为数据:而不是将其上传到服务器并存储为blob.如何改变这种行为?

解决方法

图像在内部保存为“data:image / png; base64,… =”,因此您不必担心.不执行上传,“blob:http:// localhost:8080 / …”仅用于显示图像信息.

猜你在找的HTML5相关文章