reactjs-content-editable
v1.0.2
Published
React content editable component
Downloads
21
Maintainers
Readme
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 ?
Donate!
Like my Work! Donate