Загрузка изображения с CKEditor в реакции - PullRequest
Новая
       50

Загрузка изображения с CKEditor в реакции

0 голосов
/ 16 октября 2019

Я хочу использовать CKEditor с реагировать (избыточность) и загружать файлы изображений. Текстовый редактор успешно работает, но не работает загрузчик изображений. Я получил ошибку при выборе изображения. скриншот удара.

screenshot ckeditor

И мой код: 

<div className="App">
  <h2>Using CKEditor 5 Framework in React</h2>
  <CKEditor
    editor={ ClassicEditor }
    onInit={ editor => {
      console.log( "Editor is ready to use", editor)
    }}
    onChange={ ( event, editor ) => console.log( editor.getData() ) }
    config={ {
        plugins: [ Essentials, Paragraph, Bold, Italic, Heading, Alignment, UploadAdapter, Autoformat,
                    EasyImage, Image, ImageCaption, ImageStyle, ImageToolbar, ImageUpload, ],
                  toolbar: [ 'heading', '|', 'bold', 'italic', '|', 'undo', 'redo', '|',  'alignment', '|', 'imageUpload'],
        ckfinder: {
          uploadUrl: 'https://example.com/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images&responseType=json'
        },
    } }

    data="<p>Hello from CKEditor 5!</p>"
  />
</div>

Второй вопрос,

Я сделаю кнопку POST и сохраню полностью HTMLКогда я нажимаю кнопку POST, код включает в себя URL-адрес изображения в базе данных и файлы изображений в серверной папкеНо я думаю, что изображения были сохранены ранее с использованием ckfinder перед нажатием кнопки POST. Итак, как я могу обрабатывать изображения с not-clicked-post-button post (canceled post)? Если кто-то только загружает изображения, но прекращает публикацию, бесполезные изображения остаются в моем хранилище сервера, верно?

plz, ответьте и помогите мне

1 Ответ

1 голос
/ 16 октября 2019

Не знаю, так ли это, но у вас должен быть серверный соединитель, который запускает на вашем сервере , https://example.com - это недействительный URL.

Вот руководство по установке PHP https://ckeditor.com/docs/ckfinder/ckfinder3-php/quickstart.html#quickstart_installation_folders

Кроме того, вы должны установить плагин CKFInder 

import CKFinder from '@ckeditor/ckeditor5-ckfinder/src/ckfinder';
...