Как загрузить изображение в приложение mongoose-node с помощью ckeditor.Файл будет загружен на s3 - PullRequest
0 голосов
/ 06 июня 2019

Я использую 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 (между деталями).

Пожалуйста, помогите.Если есть какой-либо другой способ, пожалуйста, ответьте

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...