Как вставить изображение в CKEditor5 в React, используя Base64UploadAdapter - PullRequest
Новая
       37

Как вставить изображение в CKEditor5 в React, используя Base64UploadAdapter

1 голос
/ 10 июля 2019

Согласно React & CKEditor5 Параметры загрузки изображения:

https://ckeditor.com/docs/ckeditor5/latest/features/image-upload/image-upload.html

Следующий код отображает компонент CKEditor правильно: 

import CKEditor from '@ckeditor/ckeditor5-react';
import ClassicEditor from '@ckeditor/ckeditor5-build-classic';
import Base64UploadAdapter from '@ckeditor/ckeditor5-upload/src/base64uploadadapter';

...

<CKEditor
    editor={ ClassicEditor }
    data=  { value }        
    onInit={ editor => {
        console.log( { event, editor, editor.getData()} );
    } }
    onChange={ ( event, editor ) => {
        const data = editor.getData();
        onChange(data);
    } }
    onBlur={ editor => {
        console.log( 'Blur.', editor );
    } }
    onFocus={ editor => {
        console.log( 'Focus.', editor );
    } }
/>

Насколько я понимаю, @ ckeditor / ckeditor5-build-classic реализует адаптер загрузки и должен позволять вставлять изображения в редактор в соответствии с демонстрационной страницей: https://ckeditor.com/docs/ckeditor5/latest/features/image-upload/base64-upload-adapter.html

Но после добавления config={ { plugins: [ Base64UploadAdapter] } } в CKEditor данные не загружаются и изображения не могут быть вставлены.

Как правильно использовать ckeditor5-реагировать и загрузчик base64? Я также попытался импортировать 

import ClassicEditor from '@ckeditor/ckeditor5-editor-classic/src/classiceditor';

вместо ckeditor-build-classic, но компонент не рендерится вообще.

...