当前位置:  开发笔记 > 前端 > 正文

在TinyMCE中设置数据URI

如何解决《在TinyMCE中设置数据URI》经验,为你挑选了1个好方法。

TinyMCE init选项

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

paste_data_images: true选项意味着data:url不应从粘贴的内容中删除图像(内嵌图像)(请参阅文档).
我使用TinyMCE 4.2.8.base64img我在内部插件中编写了以下代码

var editor; // TinyMCE editor
var imgData; // base64 image data string, like "data:image/png;base64,...="
editor.setContent("", {format: 'raw'});

// editor.execCommand('mceInsertRawHtml', false, '');  // another way

到嵌入一个图像,其在存储器中为base64串加载.执行命令后,img src被神奇地转换为'blob:http%3A//localhost%3A8080/...'.为什么?

它工作(图像显示),但我想存储图像data:而不是上传到服务器和存储为blob.如何改变这种行为?



1> naXa..:

图像在内部保存'data:image/png;base64,...=',因此您无需担心.不执行上传,'blob:http%3A//localhost%3A8080/...'仅用于显示图像信息.

推荐阅读
mylvfamily
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有