react-rich-input

A lightweight React rich‑text input component with toolbar customization.

Installation

npm install react-rich-input

or using yarn

yarn add react-rich-input

Usage

import React, { useState } from "react";
import { RichInput } from "react-rich-input";

export default function App() {
  const [content, setContent] = useState("<p>Hello world</p>");
  return <RichInput value={content} onChange={setContent} toolbar={["bold", "italic", "underline", "link"]} />;
}

Props

| Prop | Type | Description | | ---------- | ------------------------ | --------------------------------------- | | value | string | HTML content | | onChange | (html: string) => void | Callback on content change | | toolbar | string[] | Buttons to show: bold, italic, etc. |

Development

npm run build
npm test

License

MIT © Javad Amiry