Morioh
Login
Cristian Vasta

Cristian Vasta

3 years ago

A intuitive medium/notion like rich text editor with react

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

  • [x] header
  • [x] quotation
  • [x] list
  • [x] quotation

gif

code block
  • [x] highlight with prism
  • [x] 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

Download Details:

Author: ryuever

Source Code: https://github.com/ryuever/react-tapable-editor

#reactjs #javascript #react

A intuitive medium/notion like rich text editor with react
120.20 GEEK