@anilkumarteach/editor

A modern Rich Text Editor for React, built with TypeScript and Vite.
This package exposes a single, clean component: <RichTextEditor />.

It is designed to be easy to install, simple to use, and production-ready.

📌 What is this package?

@anilkumarteach/editor provides a ready-to-use rich text editor that you can plug into any React app without configuring complex editor logic.

You only import one component and start using it.

✨ Features (Step by Step)

1️⃣ Rich Text Editing

• Write and edit formatted text
• Supports paragraphs and headings
• Clean HTML output

2️⃣ Formatting Toolbar

• Bold, italic, underline formatting
• Heading selection (H1–H6)
• Context-aware toolbar

3️⃣ Links

• Add and edit links
• Link dialog with validation
• Safe URL handling

4️⃣ Images

• Image upload support
• Resizable images
• Image alignment controls

5️⃣ Tables

• Insert tables
• Add / remove rows and columns
• Table-specific controls

6️⃣ Autosave

• Automatically saves content
• Prevents data loss
• Runs internally (no setup required)

7️⃣ Undo / Redo History

• Editor version history
• Safe undo and redo actions

8️⃣ Markdown Shortcuts

• Faster writing using keyboard shortcuts
• Markdown-style formatting support

9️⃣ Responsive Design

• Works on desktop and mobile
• Touch-friendly UI

🔒 Clean API Design

• Only one public component
• All complex logic is internal
• Easy to maintain and upgrade

📦 Installation

Install the package using npm:

npm install @anilkumarteach/editor

or with yarn:

yarn add @anilkumarteach/editor


import "@anilkumarteach/editor/dist/index.css";



import { RichTextEditor } from "@anilkumarteach/editor";
import "@anilkumarteach/editor/dist/index.css";

function App() {
  return (
    <div style={{ padding: "20px" }}>
      <RichTextEditor />
    </div>
  );
}

export default App;