几行代码让TinyMCE支撑阿里云OSS

增加OSS SDK

<script type="text/javascript" src="http://gosspublic.alicdn.com/aliyun-oss-sdk-6.0.1.min.js"></script>

OSS设置

//设置替换成你本身的
var client = new OSS({
    region : 'oss-cn-beijing',
    accessKeyId : '',
    accessKeySecret : '',
    bucket : ''
});

设置TinyMCE

tinymce.init({
...省略多少代码...
plugins: [
   'image'
],
toolbar1: "image",
images_upload_handler: function (blobInfo, success, failure) {
    var filename = blobInfo.filename();
    var index = filename.lastIndexOf(".");
    var suffix = filename.substring(index+1, filename.length);
    filename = md5(blobInfo.base64()) + '.' + suffix;
    client.multipartUpload(filename, blobInfo.blob()).then(function (result) {
        if(result.res.requestUrls) {
            success(result.res.requestUrls[0]);
        }
    }).catch(function (err) {
        console.log(err);
    });
},
...省略多少代码...
});

看看结果

《几行代码让TinyMCE支撑阿里云OSS》

《几行代码让TinyMCE支撑阿里云OSS》

《几行代码让TinyMCE支撑阿里云OSS》

    原文作者:zhjx922
    原文地址: https://segmentfault.com/a/1190000016007665
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞