High Customizable Rich Text Editor – ArchEditor

A highly customizable rich text editor based on Draft.js.

How to use it:

1. Install and import necessary modules.

# NPM
$ npm i arch-editor --save
import React from 'react';
import ReactDOM from 'react-dom';
import 'arch-editor/dist/arch-editor.css';
import { ArchEditor, BlockToolbar, ArchEditorProvider } from 'arch-editor';

2. Render a basic rich text editor in your app.

function App() {
  return (
    <ArchEditorProvider>
      <BlockToolbar />
      <ArchEditor placeholder="Start Typing..." showInlineToolbar />
    </ArchEditorProvider>;
  );
}
ReactDOM.render(<App />,document.getElementById('root'));

Preview:

High Customizable Rich Text Editor - ArchEditor

Download Details:

Author: longlongago2

Live Demo: View The Demo

Download Link: Download The Source Code

Official Website: https://github.com/longlongago2/arch-editor

License: MIT

You Might Be Interested In:

Add Comment