Draft-JS experiments with drag&drop, resizing, tooltips, WIP
JavaScript CSS HTML
Latest commit 47e85ff Aug 26, 2016 @bkniffler Batch updates
Permalink
Failed to load latest commit information.
example example Jun 12, 2016
src Batch updates Aug 26, 2016
.eslintrc draft-js-plugins May 14, 2016
.gitignore Batch updates Aug 26, 2016
.npmignore 0.0.7 Feb 27, 2016
LICENSE License+Author Mar 3, 2016
README.md Update README.md May 17, 2016
gulpfile.js build & bundle & publish May 16, 2016
package.json Update dependencies Jun 12, 2016

README.md

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!