react-tapable-editor

A pluginable, intuitive medium/notion like rich text editor

The original idea is to build an easy used rich text editor. react-tapable-editor is built on draft-js, and its plugin system is besed on tapable which is famous as the engine of webpack.

Features

BlockStyle

  • header
  • quotation
  • list
  • quotation

gif

code block

  • highlight with prism
  • copy from vscode, style could be preserved.
  • copy from github, code will suppress into one line.

code

Image

image

Experimental feature

Drag and drop block

drag-block

drag to make layout design

TODO consider smooth reflow...

How to start

$ npm install
$ npm run storybook

FAQ

why choose draft-js

React Tapable Editor

A pluginable, intuitive medium/notion like rich text editor(currently in wip)

React Tapable Editor Info

⭐ Stars278
πŸ”— Source Codegithub.com
πŸ•’ Last Update10 months ago
πŸ•’ Created3 years ago
🐞 Open Issues9
βž— Star-Issue Ratio31
😎 Authorryuever