https://github.com/alebedev85/my-draft-ts-editor
Текстовый редактор, сделанный на React с использованием фреймворка Draft.js и собственным интерфейсом для редактирования текста
https://github.com/alebedev85/my-draft-ts-editor
css draft draft-js html react scss ts typescript
Last synced: 7 months ago
JSON representation
Текстовый редактор, сделанный на React с использованием фреймворка Draft.js и собственным интерфейсом для редактирования текста
- Host: GitHub
- URL: https://github.com/alebedev85/my-draft-ts-editor
- Owner: alebedev85
- Created: 2023-10-19T09:06:15.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2023-10-31T10:56:28.000Z (almost 2 years ago)
- Last Synced: 2025-01-25T14:43:51.362Z (8 months ago)
- Topics: css, draft, draft-js, html, react, scss, ts, typescript
- Language: TypeScript
- Homepage: https://alebedev85.github.io/my-draft-ts-editor/
- Size: 2.43 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Текстовый редактор, сделанный на React с использованием фреймворка Draft.js и собственным интерфейсом для редактирования текста
Возможности:
* Иметь предустановленные стили элементов — заголовки, списки и т.д
* Форматировать стили текста — жирность, курсив и т.д
* Поддерживать интерактивные элементы — например, ссылки
* Работать с сочетанием клавиш
* Импортировать/экспортировать контент в HTML
Draft.js — это фреймворк для работы с текстом на React.js. Он позволяет создать состояние редактора, которое будет хранить всю информацию о контенте, о положении курсора и многом другом. А также предоставляет кроссбраузерные функции для удобного изменения этого состояния. Draft.js работает с имутабельными данными при помощи immutable.js. Это означает, что при изменении состояния мы полностью перезаписываем его новой версией.
Весь интерфейс сделан самостоятельно, на основе базовых элементов Draft.js
[Ссылка на статью по созданию редактора](https://habr.com/ru/companies/kts/articles/576682/).