основанный на slate.js многофункциональный текстовый редактор реагирования

Question

все началось с просмотра двух демо-роликов slate.js на YouTube

1. https://www.youtube.com/watch?v=8K-qYdOPKT4
2. https://www.youtube.com/watch?v=BMID1FbEZSk&t=3s

Его зовут АндрейФедоров и он показали в этих демонстрациях, как работает его текстовый редактор с использованием библиотеки slate.js.В разделе комментариев он поделился фрагментом кода, который дает представление о всем коде.Я начал здесь ручку с песочницей

https://codesandbox.io/s/rvp8j5q7n

похоже, он использовал Materialise и npgrogress в своем проекте.Я нуб в Реакте.Я заинтересован в прекрасном интерфейсе, который Андрей Федоров создал успешно.Но, к сожалению, пока не удалось отобразить страницу.Буду благодарен, если кто-нибудь сможет мне помочь с визуализацией интерфейса.

Answer 1

Эта песочница указывает версию 0.33.4 для Slate.Однако в Changelog для 0.24.0 указано следующее:

Сериализаторы Html, Plain и Raw разбиты на новые пакеты.Раньше вы импортировали их из списка.Но теперь вы импортируете их из slate-html-serializer и slate-plain-serializer.И сериализатор Raw, который устарел, теперь удален.

Компоненты Editor и Placeholder разбиты на новый пакет, специфичный для React.Раньше вы импортировали их из списка.Но теперь вместо этого вы импортируете {Editor} из 'slate-Reaction'.

Более того, вам нужно раскомментировать код React.renderDOM(...), и вам нужно будет настроить Redux с хранилищем и редуктором, прежде чемВы можете позвонить connect(...) код.

Answer 2

Я не специалист по реакции, но, может быть, компонент должен быть установлен?

render(<MyEditor />, document.getElementById("root"));