몇 줄 의 코드 로 TinyMCE 가 아 리 클 라 우 드 OSS 를 지원 하도록 합 니 다.

OSS SDK 추가

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);
    });
},
...      ...
});

효과 좀 봐.

좋은 웹페이지 즐겨찾기