react-content-editable

It's React component which support content editable div

Install

npm install reactjs-content-editable

Usage

import React, { useState } from 'react';
import { ContentEditable } from "reactjs-content-editable";

function App() {
  const [html, setHtml] = useState("")
  return (
    <>
      <ContentEditable 
        html={html} 
        onChange={(value: string) => setHtml(value)} 
      />
    </>
  );
}

export default App;

Available props

|prop|description|type| |--|----|----| |html|required: innerHTML of the editable element|String| |disabled|use true to disable editing|Boolean| |onChange|called whenever innerHTML changes|Function| |className|there is no default className are given, you can add your own|String| |style|style properties which support react style format, by default height is set to 200px|Object| |innerRef|if you want to control the element, you can pass ref|LegacyRef | React.RefObject|

Support

If you are facing any issue, please contact via linkedin ( Libin Prasanth ).

Examples

Do you want to try react-content-editable before use ?

• Simple example

Donate!

Like my Work! Donate