Looking for the best React Editor library

• looking-for-best-react-editor-library

  1 2 10.0 JavaScript

$ git clone https://github.com/ThomasFindlay/looking-for-best-react-editor-library $ cd looking-for-best-react-editor-library $ git checkout start $ npm install $ npm run dev

• SurveyJS

  surveyjs.io featured

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• slate

  26 29,178 8.1 TypeScript

  A completely customizable framework for building rich text editors. (Currently in beta.) (by ianstormtaylor)

Slate, as per its documentation, is a completely customizable framework for building rich text editors. Therefore, it doesn't offer a feature-rich text editor but instead provides tools to build one. Let's create a component called Slate and see what the Slate editor looks like.

• tiptap

  83 24,415 9.6 TypeScript

  The headless rich text editor framework for web artisans.

  

TipTap, built on top of ProseMirror, is a headless editor framework that gives full control over every single aspect of the text editor experience. Similarly to Slate, TipTap doesn't offer a fully featured Rich Text Editor; instead, it offers a lot of extensions and can be customized to incorporate new features. Let's have a look at how we can implement a TipTap editor with the image extension that will provide similar functionality to the one we implemented in the last section for the Slate editor.

• react-quill

  18 6,542 0.0 JavaScript

  A Quill component for React.

To demonstrate how Quill works, we are going to use the React-Quill package, which is a React wrapper around the Quill editor. Below we have a component that will render the React Quill editor with a toolbar that offers tools for formatting text.

• quill

  62 41,969 9.5 TypeScript

  Quill is a modern WYSIWYG editor built for compatibility and extensibility

  

Quill.js is a rich text editor that provides a configurable editor with various features. Compared to Slate and TipTap, Quill is a drop-in solution that doesn't require building common text editing functionality from scratch.

• ProseMirror

  44 7,450 3.9 JavaScript

  The ProseMirror WYSIWYM editor

  

TipTap, built on top of ProseMirror, is a headless editor framework that gives full control over every single aspect of the text editor experience. Similarly to Slate, TipTap doesn't offer a fully featured Rich Text Editor; instead, it offers a lot of extensions and can be customized to incorporate new features. Let's have a look at how we can implement a TipTap editor with the image extension that will provide similar functionality to the one we implemented in the last section for the Slate editor.

Suggest a related project