# react-editor is FINALLY RETURNED !! > It's been over 4 years...
> Now react-editor is BACK with fully TS & REACT-HOOKS integrated - [x] Rich-text Editor with TS & React-hooks - [ ] Polyfill workaround with React < 16.8 - [x] Placeholder via CSS - [x] Methods: focus(), insertHTML(s), insertText(s) - [x] Auto saveRange, restoreRange, moveToEnd - [x] Usage of value/onChange, defaultValue/onChange - [x] In-web-image, File handleDrop - [ ] processHTML, processText wip - [x] 1.x Legacy: https://github.com/fritx/react-editor/tree/1.x - [x] 2.0-alpha Demo: https://fritx.github.io/react-editor ```sh npm i -S react-editor ``` ```tsx import { Editor } from 'react-editor' let [value, setValue] = useState('') let ref = useRef() ref.focus() ref.insertText('foo') ref.insertHTML('

') value = 'set content' ``` #### Props ```tsx export interface EditorProps { value?: string; defaultValue?: string; className?: string; placeholder?: string; allowInWebDrop?: boolean; processHTML?: (html: string) => string; processText?: (text: string) => string; onFocus?: (e: React.FocusEvent) => void; onBlur?: (e: React.FocusEvent) => void; onDrop?: (e: React.DragEvent) => void; onPaste?: (e: React.ClipboardEvent) => void; onChange?: (value: string) => void; [restProp: string]: any; // onto

} export interface EditorRefAttrs { focus: () => void; insertHTML: (html: string) => void; insertText: (text: string) => void; } ``` **for umd / \ ``` ```js // myapp.js let React = window.React; let ReactDOM = window.ReactDOM; let { Editor } = window.ReactEditor; ReactDOM.render(, mountNode); ``` **for react < 16.8 we need hooks polyfill workaround** ```tsx // todo ``` **for react-editor legacy version** ```sh npm i -S react-editor@1.x ``` --- This project was bootstrapped with [create-react-library](https://github.com/transitive-bullshit/create-react-library) & [react-ts-demo](https://github.com/fritx/react-ts-demo).

	Stars	Issues	Version	Updated	Created
react-codemirror	1,554	68	1.0.0	7 years ago	9 years ago
react-editor	55	3	2.0.1	2 years ago	9 years ago
react-medium-editor	503	26	1.8.1	8 years ago	9 years ago

react-codemirror vs react-editor vs react-medium-editor

Downloads in past1 Month3 Months6 Months1 Year2 Years5 YearsAll time

Stats

Sick of boring JavaScript newsletters?

Downloads in past