Skip to content

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

License

Notifications You must be signed in to change notification settings

amrita-syn/draft-wysiwyg

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

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

Languages

  • JavaScript 92.1%
  • CSS 7.3%
  • HTML 0.6%