Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/namkolo/kolo-draftjs
wysiwyg editor built on top of draft-js
https://github.com/namkolo/kolo-draftjs
draft-js koajs kolo material-design material-ui react
Last synced: 4 months ago
JSON representation
wysiwyg editor built on top of draft-js
- Host: GitHub
- URL: https://github.com/namkolo/kolo-draftjs
- Owner: namKolo
- License: mit
- Created: 2017-11-11T04:29:07.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2017-12-01T09:52:36.000Z (about 7 years ago)
- Last Synced: 2024-10-14T01:40:22.041Z (4 months ago)
- Topics: draft-js, koajs, kolo, material-design, material-ui, react
- Language: JavaScript
- Homepage:
- Size: 6.29 MB
- Stars: 5
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
### Play with draft-js
This is one of my school project 's feature. You can read my [adventure](https://namkolo.github.io/posts/challenge-with-draftjs-part-1/) here.
### Demo
### Features
- [x] Display sidebar
- [x] Display toolbar when select text
- [x] Support Bold, Italic
- [x] Highlight feature
- [x] Add/Remove image
- [x] Focus image.
- [ ] Support markdown
- [ ] Support drag & drop image
### Go ahead !
#### Environment
- Node 6+
- yarn 1+
#### Install
```
yarn install
cd server
yarn install
```
#### How to use
At the root directory of repository, run below command
```
npm run start
```
It will open a browser `localhost:3000`.
Then open another tab and run below commands
```
cd server
npm run server
```
It will start a simple backend server which handles image uploading / serving + store editor data in memory. Check it at `localhost:4000`.