Skip to content
Draft-JS experiments with drag&drop, resizing, tooltips, WIP
JavaScript CSS HTML
Branch: master
Clone or download
Latest commit 47e85ff Aug 26, 2016
Permalink
Type Name Latest commit message Commit time
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!

You can’t perform that action at this time.