Я использую CKEditor для загрузки контента в mongoose.Я хочу, чтобы изображения загружались вместе с контентом.Я сохраняю изображения на s3, а mongodb сохраняет путь к изображению в виде строки (если загрузка не выполняется с помощью ckeditor).
Я пытаюсь использовать этот модуль https://github.com/mjadobson/ckeditor5-sss-upload
Япробуем этот код
build-config.js
module.exports = {
// ...
plugins: [
"@ckeditor/ckeditor5-essentials/src/essentials",
// ...
//'@ckeditor/ckeditor5-adapter-ckfinder/src/uploadadapter',
//'@ckeditor/ckeditor5-easy-image/src/easyimage',
"ckeditor5-sss-upload/src/s3upload"
// ...
],
// ...
config: {
toolbar: {
items: [
"headings",
"bold",
"italic",
"imageUpload",
"link",
"bulletedList",
"numberedList",
"blockQuote",
"undo",
"redo"
]
}
// ...
}
};
semin.js
const build_config=require('../build-config');
router.get('/add',ensureAuthenticated,(req,res)=>{
SeminarGamenameConf.find().then(gameName_list=>{
SeminarGametypeConf.find().then(gameType_list=>{
console.log(gameType_list);
res.render('cms/seminar/add',{
gameName_list_array:gameName_list,
gameType_list_array:gameType_list,
country: countries,
build_config:build_config
});
})
})
});
// add.handlebars
<script src="/ckeditor5-build-classic/ckeditor.js"></script>
<form action="/cms/seminar/add" enctype="multipart/form-data" method="post" >
<div class="form-group">
<label for="seminar_detail">Seminar Details</label>
<textarea class="form-control" id="editor1" name="seminar_detail</textarea>
<input type="submit" value="submit"/>
</div>
</form>
<script>
ClassicEditor.create(document.querySelector("#editor"), {
s3Upload: {
policyUrl: "http://127.0.0.1/my-upload-endpoint",
mapUrl: ({ location, bucket, key }) => {
return location;
}
}
});
</script>
IЯ действительно запутался.Я не знаю, как загрузить изображения на s3 с помощью ckeditor (между деталями).
Пожалуйста, помогите.Если есть какой-либо другой способ, пожалуйста, ответьте