Explore our Top Features

Unlock advanced tools and components designed to power up your editing experience.

Craft the perfect editing solution

Build customized, reliable, and powerful text editing experiences with React-Text-Editor Kit.

Customizable Toolbar: Choose and arrange the tools you need for a clean and personalized editing setup.
Rich Text Formatting: Supports bold, italic, underline, links, lists, and more for polished content.
Easy React & Next.js Integration: Plug in seamlessly with minimal configuration required.
Setup and use fast: Get up and running in just 5 minutes

Everything You Need

Powerful features built-in, ready to use out of the box

PowerPaste

Document Converters

Media Optimizer

Source Code Generation

Clean copy-and-paste = less support tickets

Cleanly copy-pastes content from Word, Excel and Google Docs
Has helped dev teams decrease support tickets by 40%
Automatically cleans up rogue formatting in pasted content
Option to strip or preserve advanced formatting
Underlying HTML code doesn't break
99.9% accuracy rate

Quick Start

Get started with the React Text Editor Kit in just a few simple steps.

React Js Setup


import { useState } from "react";
import ReactEditor from "react-text-editor-kit";

function App() {
  const [value, setValue] = useState("");

  const handleChange = (value) => {
    setValue(value);
  };

  const get_editor_ref = (ref) => {};

  return (
    <div className="App">
      <ReactEditor
        value={value}
        getEditorRef={get_editor_ref} // optional: access editor ref
        onChange={handleChange}
        mainProps={{ className: "red" }} // optional: apply class to editor wrapper
        placeholder="Write your text here"
        apiKey={process.env.REACT_APP_EDITOR_API_KEY} // required API key
      />
    </div>
  );
}

export default App;

Ready to Get Started

Add a powerful rich text editor to your application in minutes.