React.js CKEditor5 компонент - проблема при создании компонента - PullRequest
Новая
       5

React.js CKEditor5 компонент - проблема при создании компонента

0 голосов
/ 24 сентября 2018

Я пытаюсь интегрировать CKEditor в наш проект React.js, используя компонент, найденный здесь: https://github.com/ckeditor/ckeditor5-react.

Я использовал этот код в репозитории git для определения компонента CKEditor:

https://github.com/ckeditor/ckeditor5-react/blob/master/src/ckeditor.jsx

И внутри моего кода я ссылаюсь на компонент: 

import CKEditor from '@ckeditor/ckeditor5-react';
import ClassicEditor from '@ckeditor/ckeditor5-build-classic';


const TemplateForm = props => {
    return (
        <div>

            /*  Other form fields */

            <CKEditor
                name="body"
                placeholder="Compose message"
                content={ props.defaults.body }
                value={ props.defaults.body }
                errors={ props.errors.body }
                onInput={ props.onInput }
                onChange={ props.onValueChange }
            />

        </div>
    );
};

Когда я загружаю свою страницу, я получаю ошибку JavaScript "Не удается прочитать свойство 'create' изundefined "from ckeditor.js - значение" this.props.editor "не определено.Я новичок, чтобы реагировать, так что я уверен, что просто упускаю что-то довольно простое.Предложения?

1 Ответ

0 голосов
/ 24 сентября 2018

Ваша ошибка связана с тем, что компонент (CKEditor) ожидает подпор с ключом "редактор", который вы в данный момент не предоставляете.

Возможно, вы найдете список опций в их документах, но, проверяяих репозиторий Я нашел этот пример, где они устанавливают редактор на ClassicEditor, который вы уже импортируете:

https://github.com/ckeditor/ckeditor5-react/blob/master/sample/index.html

Так что это должно работать: 

<CKEditor
  name="body"
  placeholder="Compose message"
  content={ props.defaults.body }
  editor={ ClassicEditor }
  value={ props.defaults.body }
  errors={ props.errors.body }
  onInput={ props.onInput }
  onChange={ props.onValueChange }
/>
...