Основанный на slate.js многофункциональный текстовый редактор
Все началось с просмотра двух демо-видео slate.js в YouTube
Его зовут Андрей Федоров, и он показал в этих демонстрациях, как работает его текстовый редактор с использованием библиотеки slate.js. В разделе комментариев он поделился фрагментом кода, который дает представление о всем коде. Я начал здесь ручку с песочницей
https://codesandbox.io/s/rvp8j5q7n
похоже, он использовал Materialise и npgrogress в своем проекте. Я нуб в Реакте. Я заинтересован в прекрасном интерфейсе, который Андрей Федоров создал успешно. Но, к сожалению, пока не удалось отобразить страницу. Буду благодарен, если кто-нибудь сможет мне помочь с визуализацией интерфейса.
2 ответа
Эта песочница указывает версию 0.33.4 для Slate. Однако в журнале изменений для 0.24.0 указано следующее:
Сериализаторы Html, Plain и Raw разбиты на новые пакеты. Раньше вы импортировали их из списка. Но теперь вы импортируете их из slate-html-serializer и slate-plain-serializer. И сериализатор Raw, который был устаревшим, теперь удален.
Компоненты Editor и Placeholder разбиты на новый пакет, специфичный для React. Раньше вы импортировали их из списка. Но теперь вместо этого вы импортируете { Editor } из 'slate-реакции'.
Кроме того, вам нужно раскомментировать React.renderDOM(...) код, и вам нужно настроить Redux с хранилищем и редуктором, прежде чем вы сможете вызвать connect(...) код.
Я не эксперт в реакции, но, возможно, компонент должен быть установлен?
render(<MyEditor />, document.getElementById("root"));