https://github.com/alebedev85/my-editor
Текстовый редактор, сделанный на React с использованием фреймворка Draft.js и библиотеки react-draft-wysiwyg
https://github.com/alebedev85/my-editor
css html javascript react react-draft-wysiwyg
Last synced: 2 months ago
JSON representation
Текстовый редактор, сделанный на React с использованием фреймворка Draft.js и библиотеки react-draft-wysiwyg
- Host: GitHub
- URL: https://github.com/alebedev85/my-editor
- Owner: alebedev85
- Created: 2023-10-17T07:48:37.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-11-10T09:51:24.000Z (over 1 year ago)
- Last Synced: 2025-01-25T14:43:51.162Z (4 months ago)
- Topics: css, html, javascript, react, react-draft-wysiwyg
- Language: CSS
- Homepage: https://alebedev85.github.io/my-editor/
- Size: 3.79 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Текстовый редактор, сделанный на React с использованием фреймворка Draft.js и библиотеки react-draft-wysiwyg
Это тестовый редактор, создающий текст в формате rtf. С возможностью кастамизации
панели инструментов, добовления хештегов и упоминаний. Редактор выводит результаты ввода на экран.
Draft.js — это фреймворк для работы с текстом на React.js. Он позволяет создать состояние редактора, которое будет хранить всю информацию о контенте, о положении курсора и многом другом. А также предоставляет кроссбраузерные функции для удобного изменения этого состояния. Draft.js работает с имутабельными данными при помощи immutable.js. Это означает, что при изменении состояния мы полностью перезаписываем его новой версией.
Ввод и стилизация текста происходит происходит с помощью библиотеку react-draft-wysiwyg. Это большая библиотека с набором всех необходимых инструментов для работы с текстом, можно выбирать кнопки управления, добавления эмодзи, добавлять хештеги и упоминания
[Ссылка на статью по созданию этого редактора](https://blog.logrocket.com/build-rich-text-editors-react-draft-js-react-draft-wysiwyg/).
[Ссылка на документацию React Draft Wysiwyg](https://jpuri.github.io/react-draft-wysiwyg/#/docs).