В React я хочу использовать компонент, который я создал локально (CKeditor 5) - PullRequest
0 голосов
/ 27 января 2020

Я работаю над приложением React, просто React. Нет Angular et c.

Я хотел использовать CKeditor 5. Их документация довольно хороша для приложений React go (удалось использовать их встроенный редактор с предварительной сборкой), но они этого не делают на самом деле упомянуть, как использовать пользовательский компонент для React, в общем. Они только добавляют пример для html, который я понимаю.

Так что я очень старался использовать это.

Я использовал эту веб-страницу https://ckeditor.com/ckeditor-5/online-builder/ для создать редактор с моими предпочтениями. Скачал zip-файл со сборкой и кодом.

Непосредственный импорт из папки сборки в сбой, поскольку он был слишком большим. Поэтому я попробовал разные подходы.

Последний вариант, который выглядит так, как будто он должен работать, был установить его как модуль, используя npm. Я установил его и все прошло нормально. Он находится в узловых модулях как "ckeditor5-custom-build", в пакете. json ("ckeditor5-custom-build": "file:src/components/ckeditor5") Веб-страница загружается просто отлично, но когда я пытаюсь импортировать ее любым способом, она не распознает ее как модуль.

import CKEditor from 'ckeditor5-custom-build'; также пробовал import {ClassicEditor} from 'ckeditor5-custom-build';, что имеет больше смысла.

Все, что я получаю, это модуль не найден:

Не удается разрешить 'ckeditor5-custom-build'

дюйм Как я могу это использовать?

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

Вот код сгенерированного компонента, чтобы вы могли представить, что я использовал. https://gist.github.com/ladislavbili/68e1c6126ae6daa781fed1469352c12e

Спасибо за помощь заранее

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