React Quill

base on [email protected]

inspired by https://github.com/zenoamaro/react-quill

Example

import React from "react";
import ReactDOM from "react-dom";
import ReactQuill from "."; // ES6

function Example() {
	const [value, setValue] = React.useState("hello world");
	const quill = React.useRef();
	return (
		<div>
			<ReactQuill
				ref={quill}
				placeholder="type something.."
				value={value}
				onChange={(html, _delta, _source) => setValue(html)}
			/>
			<div className="html">
				<div dangerouslySetInnerHTML={{ __html: value }}></div>
			</div>
		</div>
	);
}

ReactDOM.render(<Example />, document.getElementById("root"));

API

Checkout here