https://github.com/sohaibqasem/react-draftjs-demo

DraftJs editor Demos that covers diffrent cases like Readmore & links & mentions
https://github.com/sohaibqasem/react-draftjs-demo

draft-js react reactjs texteditor typescript

Last synced: 3 months ago
JSON representation

DraftJs editor Demos that covers diffrent cases like Readmore & links & mentions

• Host: GitHub
• URL: https://github.com/sohaibqasem/react-draftjs-demo
• Owner: sohaibqasem
• Created: 2021-04-24T04:35:09.000Z (over 5 years ago)
• Default Branch: main
• Last Pushed: 2021-10-08T13:20:15.000Z (almost 5 years ago)
• Last Synced: 2025-02-01T16:12:38.017Z (over 1 year ago)
• Topics: draft-js, react, reactjs, texteditor, typescript
• Language: TypeScript
• Homepage:
• Size: 629 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# React DraftJs Demo

This Demo use DraftJs to build a TextEditor with features like links and Readmore content.

![react-DraftJs-Demo - Animated gif demo](Demo/Demo.gif)

## CodeSandBox

https://codesandbox.io/s/react-draftjs-demo-ggvig

## How to Run

```

git clone https://github.com/sohaibqasem/react-draftjs-demo.git

npm install

npm start

```

## Utils functions

text editor have a lot features that we can write them as a single util function like: [TextEditorUtils](https://github.com/sohaibqasem/react-draftjs-demo/blob/ee9820ccee3f5ea6297db9c4903dd7a9156fc464/src/TextEditor/TextEditorUtils.ts)

## What's Next

mentions and other features will be added incrementally to this repo

### Getting Started with Create React App

This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).