My React Text Editor

A powerful and flexible rich text editor component for React, built on top of Lexical.

🚀 Demo

Check out the live interactive demo and documentation: Live Demo & Storybook

📦 Installation

npm install my-react-text-editor
# or
yarn add my-react-text-editor

💻 Usage

Import the component and usage it in your React application:

import React from 'react';
import { TextEditor } from 'my-react-text-editor';
import 'my-react-text-editor/dist/index.css'; // Don't forget the CSS!

function App() {
  return (
    <div className="App">
      <h1>My Editor</h1>
      <TextEditor />
    </div>
  );
}

export default App;

✨ Features

• Rich Text Formatting: Bold, Italic, Underline, and more.
• Lists: Ordered and Unordered lists.
• Code Blocks: Support for code snippets.
• Quotes: Blockquote support.
• Modern UI: Clean and responsive design.
• TypeScript Support: Fully typed for excellent developer experience.

🛠️ Development

To develop locally:

1. Clone the repository.
2. Install dependencies: npm install
3. Start Storybook: npm run storybook

📄 License

MIT © Sohan Paliyal