A highly customizable rich text editor based on Draft.js.
1. Install and import necessary modules.
# NPM
$ npm i arch-editor --saveimport 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'));
Author: longlongago2
Live Demo: View The Demo
Download Link: Download The Source Code
Official Website: https://github.com/longlongago2/arch-editor
License: MIT