ryuever / react-tapable-editor

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

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

About

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


Languages

Language:TypeScript 91.1%Language:JavaScript 4.8%Language:CSS 4.0%Language:HTML 0.1%