Skip to content
📰 A text field that supports HTML editing. 📝
JavaScript CSS
Branch: master
Clone or download
Latest commit 0b191bd Jan 17, 2018


NPM travis-ci

A <textarea> that supports HTML editing, powered by Preact & contentEditable.

Usage Example

Use <RichTextArea /> like a normal <input>. It supports the same props/attributes, including value, onInput() and onChange().

import RichTextArea from 'preact-richtextarea';

const HtmlEditor = ({ html, ...props }) => (
	<form class="html">
		Body HTML:
		<RichTextArea value={html} {...props} />

let html = `<h1>hello</h1><p>Testing 1 2 3...</p>`;
render(<HtmlEditor html={html} />, document.body);

Usage with Linked State

<RichTextArea /> works with Linked State exactly the same way as any other input field:

import RichTextArea from 'preact-richtextarea';

class Form extends Component {
	render({ }, { html }) {
		return (
				<RichTextArea value={html} onChange={ this.linkState('html') } />

render(<Form />, document.body);



You can’t perform that action at this time.