Rich Text Editor

This is an experimental WYSIWYG editor. The goal is to achieve an immersive and concise editing environment.

Features:

• Shortcut key / to show the block format menu.
• Inline format menu displayed when selected text.
• Markdown-style formatted shortcut.
• Code highlighting.

This project is developed based on ProseMirror and CodeMirror.

demo: https://chloerei.com/rich-text-editor/

It has not been developed yet, and it is not recommended to use it in a production environment.

Installation

npm install @chloerei/rich-text-editor

or

yarn add @chloerei/rich-text-editor

Usage

<div id="editor"></div>

import { Editor } from "@chloerei/rich-text-editor"
import "@chloerei/rich-text-editor/dist/style.css"

new Editor(document.querySelector('#editor'))

Feedback

Open issues in https://github.com/chloerei/rich-text-editor/issues

License

MIT license.