All Projects → ryuever → React Tapable Editor

ryuever / React Tapable Editor

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

Programming Languages

typescript
32286 projects

Projects that are alternatives of or similar to React Tapable Editor

Braft Editor
美观易用的React富文本编辑器,基于draft-js开发
Stars: ✭ 4,310 (+2435.29%)
Mutual labels:  rich-text-editor, draft-js
Mui Rte
Material-UI Rich Text Editor and Viewer
Stars: ✭ 233 (+37.06%)
Mutual labels:  rich-text-editor, draft-js
React Text Selection Popover
Selection based Text UI made easy
Stars: ✭ 245 (+44.12%)
Mutual labels:  rich-text-editor, draft-js
Draft Convert
Extensibly serialize & deserialize Draft.js ContentState with HTML.
Stars: ✭ 416 (+144.71%)
Mutual labels:  rich-text-editor, draft-js
Megadraft
Megadraft is a Rich Text editor built on top of Facebook's Draft.JS featuring a nice default base of components and extensibility
Stars: ✭ 982 (+477.65%)
Mutual labels:  rich-text-editor, draft-js
Medium Draft
📝 A medium like Rich Text Editor built on draft-js with a focus on keyboard shortcuts.
Stars: ✭ 1,705 (+902.94%)
Mutual labels:  rich-text-editor, draft-js
Draft Extend
Build extensible Draft.js editors with configurable plugins and integrated serialization.
Stars: ✭ 109 (-35.88%)
Mutual labels:  rich-text-editor, draft-js
Ngx Quill Example
demo app for the advanced usage of ngx-quill module
Stars: ✭ 137 (-19.41%)
Mutual labels:  webpack, rich-text-editor
Mochapack
Mocha test runner with integrated webpack precompiler
Stars: ✭ 166 (-2.35%)
Mutual labels:  webpack
Imall
基于Laravel5.2,Vue.js1.0的微信商城,用于熟悉 Laravel、Vuejs、Webpack、Gulp 的结合使用,已不维护及更新。(1MB单核基础服务器,浏览请耐心等待图片加载...)
Stars: ✭ 168 (-1.18%)
Mutual labels:  webpack
React Redux Universal Boilerplate
An Universal ReactJS/Redux Boilerplate
Stars: ✭ 165 (-2.94%)
Mutual labels:  webpack
Webpack Config Handbook
Minimum Webpack config handbook & examples
Stars: ✭ 165 (-2.94%)
Mutual labels:  webpack
Multipage Webpack Plugin
A plugin that makes handling templates and asset distribution for multi-page applications using webpack trivial
Stars: ✭ 168 (-1.18%)
Mutual labels:  webpack
Virtual Module Webpack Plugin
Adds the contents of a virtual file to webpack's cached file system without writing it to disk
Stars: ✭ 165 (-2.94%)
Mutual labels:  webpack
Electrode
Web applications with node.js and React
Stars: ✭ 2,033 (+1095.88%)
Mutual labels:  webpack
Es Css Modules
PostCSS plugin that combines CSS Modules and ES Imports
Stars: ✭ 165 (-2.94%)
Mutual labels:  webpack
Template Rwb
A full-featured Webpack setup with hot-reload
Stars: ✭ 165 (-2.94%)
Mutual labels:  webpack
Baumeister
👷 The aim of this project is to help you to build your things. From Bootstrap themes over static websites to single page applications.
Stars: ✭ 171 (+0.59%)
Mutual labels:  webpack
Graphpack
☄️ A minimalistic zero-config GraphQL server.
Stars: ✭ 1,994 (+1072.94%)
Mutual labels:  webpack
Ecommerce Site Template
A beautiful e-commerce template powered by React, Redux and other modern web tech.
Stars: ✭ 167 (-1.76%)
Mutual labels:  webpack

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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].