@kishorem/react-rich-texteditor NPM

React Rich Text Editor

A lightweight, customizable rich text editor for React, supporting formatting, media embedding, and code blocks.

Usage

import { Editor } from "react-rich-texteditor";

function App() {
  const handleChange = (content) => {
    console.log("Editor content:", content);
  };

  return (
    <Editor
      tools={["bold", "italic", "link", "image"]}
      fontFamily={["Arial", "Poppins"]}
      onChange={handleChange}
    />
  );
}

Props

Prop	Type	Default	Description
`tools`	`string[]`	`[]`	Toolbar tools to enable: `headings`, `fontfamily`, `bold`, `italic`, `underline`, `strikethrough`, `link`, `youtube`, `image`, `pre`, `unorderedlist`, `orderedlist`, `alignleft`, `aligncenter`, `alignright`, `alignjustify`, `horizontalrule`, `clear`
`fontFamily`	`string[]`	`[]`	Font family options for the dropdown (e.g., `['Arial', 'Poppins']`)
`onChange`	`(content: string) => void`	`undefined`	Callback triggered on content change, receives HTML content

Keywords

React
Rich Text
Editor
Component

This keeps it minimal and focused, omitting unnecessary details like extra packages or extended code examples. Save this as README.md in your project root. Let me know if you need further tweaks!

react rich-text text-editor component

@emotion/react @emotion/styled @mui/icons-material @mui/material axios html-react-parser lucide-react react react-dom react-resize-detector tslib

0.0.1

12 months ago

0.0.0

12 months ago