몇 줄 의 코드 로 TinyMCE 가 아 리 클 라 우 드 OSS 를 지원 하도록 합 니 다.
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);
});
},
... ...
});효과 좀 봐.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Laravel 8에서 TinyMCE 편집기를 통합하는 방법이전 게시물에서 고급 구성으로 TinyMCE를 설치하는 방법을 공유했습니다. 이전 블로그에서 검색하면 배울 수 있습니다. 이 게시물에서는 Laravel 8에서 TinyMCE Editor를 통합하거나 구현하는 방법을 ...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
