Загрузить изображение - nodejs и отреагировать - PullRequest
Новая
       58

Загрузить изображение - nodejs и отреагировать

0 голосов
/ 06 марта 2020

Я хочу использовать tinyMCE с nodejs в качестве внутреннего интерфейса и реагировать как внешний интерфейс. Я реализовал архитектуру клиент-сервер. Мой внутренний сервер работает как API и реагирует на подключение к серверу, а пользователь подключается к веб-интерфейсу. Я пытаюсь загрузить изображения, используя tinymce. У меня есть приложение multer в моем бэкэнде в приложении. js, то есть файл, фильтрующий только изображения. Я пытаюсь в течение нескольких дней реализовать опцию загрузки в tinymce из их официальной документации, но я все еще получаю ошибки. Мой пост в их форумах здесь: https://community.tiny.cloud/communityQuestion?id=9064N000000MxjTQAS

Прежде всего, я не понимаю, что я должен использовать в записи images_upload_url в инициализации оболочки редактора. вот мой код 

      <Editor
          apiKey="MyAPIKey"
          initialValue="<p>This is the initial content of the editor</p>"
          className={[
              !props.valid ? 'invalid' : 'valid',
              props.touched ? 'touched' : 'untouched'
            ].join(' ')}
          init={{
           selector: "textarea",
           height: 600,
           menubar: true,
           paste_data_images: true,
           plugins: [
            "advlist autolink lists link image charmap print preview hr anchor pagebreak",
            "searchreplace wordcount visualblocks visualchars code fullscreen",
            "insertdatetime media nonbreaking save table contextmenu directionality",
            "emoticons template paste textcolor colorpicker textpattern"
           ],
           toolbar1: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image",
           toolbar2: "print preview media | forecolor backcolor emoticons",
           image_advtab: true,
           image_title: true,
           automatic_uploads: true,
           file_picker_types: 'image',
           images_upload_url : "http://localhost:8080/"
         }}
          id={props.id}
          rows={props.rows}
          required={props.required}
          value={props.value}
          onEditorChange={(content, editor) => props.onChange(props.id, content)}
          onBlur={props.onBlur}
       />

Кажется, я не могу понять, что такое средство выбора файлов бэкэнда, что документация tinyMCE говорит мне предоставить в поле images_upload_url. Мой инструмент выбора файлов находится в приложении. js в моем бэкэнде, который разработан с nodejs и express. js. В официальной документации он фокусируется и дает решения только в php, как я могу видеть.

Помимо этого, я обнаружил, что могу создать средство выбора файлов в качестве обратного вызова в инициализации оболочки Editor. Проблемы, с которыми я сталкиваюсь, указаны в ссылке, которую я ранее предоставил в своем сообщении на форумах tinyMCE.

Спасибо за помощь

...