bonnopc / slate-editor

A simple project to build Rich Text Editor using create-react-app and the extensible Rich Text library, Slate

Text Editor with Slate

This is a rich-text editor, built using extensible Rich Text library Slate

Live Demo

Have a look on this live demo

Installation

At first clone this repository with SSH or HTTPS

Clone with SSH

git clone [email protected]:bonnopc/slate-editor.git

Clone with HTTPS

git clone https://github.com/bonnopc/slate-editor.git

After cloning the repo, open your terminal again and enter

npm i
npm start

Features

This React app has following features:

• A toolbar to convert text in rich text format,
• Upload image files or URLs into text,
• Make ordered or unordered list or nested list,
• Hotkeys to make text bold, underline, italic or strikethrough,
• 'Tab' or 'Shift + Tab' to go up or down to a tab indent level,
• A configurable limit on the number of top-level block nodes in the editor,
• Stores saved data into your localStorage, and also can retrieve them using an unique ID.

Author

Prosenjit Chowdhury - bonnopc