dw

draft-wysiwyg

Draft-JS experiments with drag&drop, resizing, tooltips, WIP

Showing:

Popularity

Downloads/wk

10

GitHub Stars

454

Maintenance

Last Commit

5yrs ago

Contributors

5

Package

Dependencies

12

License

MIT

Type Definitions

Tree-Shakeable

No?

Readme

draft-wysiwyg

A wysiwyg editor that mimics medium, build on top of https://github.com/facebook/draft-js and https://github.com/draft-js-plugins/draft-js-plugins. All the relevant behaviour comes from plugins, so this may serve as an example of using the plugin architecture and the different plugins. You can also install and use draft-wysiwyg right away.

Demo

https://draft-wysiwyg.herokuapp.com/

Features

  • Drag & Drop uploading
  • Inline toolbar for text
  • Block drag/drop
  • Block resizing (horizontal/vertical with absolute/relative sizes and aspect ratios)
  • Block toolbars
  • Block keydown handling to remove blocks (backspace) or move cursor to next/previous block
  • Tables (nested draft-js)
  • Links
  • Some more things

Installation

npm install draft-wysiwyg
or
sudo npm install draft-wysiwyg

Usage

WIP

Contributing

Pull requests are very welcome, feel free to commit your ideas!

Rate & Review

Great Documentation0
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100
No reviews found
Be the first to rate

Tutorials

No tutorials found
Add a tutorial