Need help with draft-wysiwyg?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

bkniffler
454 Stars 60 Forks MIT License 134 Commits 15 Opened issues

Description

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

Services available

!
?

Need anything else?

Contributors list

# 220,520
CSS
React
React N...
reasonm...
2 commits
# 62,589
xmlhttp...
ponyfil...
Qt
webasse...
1 commit
# 48,246
draft-j...
gitlab-...
gitlab
CSS
1 commit
# 236,988
Shell
CSS
draft-j...
reactjs
1 commit
# 6,523
JavaScr...
Ember
React
npm
1 commit

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!

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.