📝 react-custom-text-editor

A custom rich text editor built with React and Vite using contentEditable, supporting formatting, emoji picker, and customizable toolbar options.

🚀 Features

• Bold, italic, underline, strikethrough
• Text color and highlight
• Emoji picker (powered by emoji-picker-react)
• Text alignment (left, center, right)
• Link insertion
• Image embedding (via URL)
• Clean formatting toolbar
• Lightweight and fast (Vite-built)

---

📦 Installation

1npm install react-custom-text-editor

🧑‍💻 Usage

1
2import React from 'react';
3import ReactCustomTextEditor from 'react-custom-text-editor';
4
5const App = () => {
6  const handleChange = (html) => {
7    console.log('Editor content:', html);
8  };
9
10  return (
11    <div>
12      <h2>My Custom Editor</h2>
13      <ReactCustomTextEditor
14        initialValue="<p>Hello Ritu 🌸</p>"
15        onChange={handleChange}
16        placeholder="Start typing here..."
17      />
18    </div>
19  );
20};
21
22export default App;