https://github.com/bkniffler/draft-wysiwyg

Draft-JS experiments with drag&drop, resizing, tooltips, WIP
https://github.com/bkniffler/draft-wysiwyg

Last synced: 8 days ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/bkniffler/draft-wysiwyg
• Owner: bkniffler
• License: mit
• Created: 2016-02-26T12:11:09.000Z (almost 9 years ago)
• Default Branch: master
• Last Pushed: 2017-01-04T10:21:05.000Z (almost 8 years ago)
• Last Synced: 2024-04-09T18:04:04.392Z (8 months ago)
• Language: JavaScript
• Homepage: https://draft-wysiwyg.herokuapp.com/
• Size: 2.55 MB
• Stars: 451
• Watchers: 15
• Forks: 62
• Open Issues: 15
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-draft-js - Draft WYSIWYG - WYSIWYG editor that with drag&drop, resizing & tooltips. (Standalone Editors Built on Draft.js)

README

        
# 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!