Skip to content

bkniffler/draft-wysiwyg

Folders and files

NameName
Last commit message
Last commit date

Latest commit

author
Benjamin Kniffler
Aug 26, 2016
47e85ff · Aug 26, 2016
Jun 12, 2016
Aug 26, 2016
May 14, 2016
Aug 26, 2016
Feb 27, 2016
Mar 3, 2016
May 17, 2016
May 16, 2016
Jun 12, 2016

Repository files navigation

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!

About

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

Resources

License

Stars

Watchers

Forks

Packages

No packages published