react-sane-contenteditable
Advanced tools
Weekly downloads
Readme
React component with sane defaults to make any element contentEditable
ContentEditable has some well known issues, and the purpose of this component is to deal with them in a sane manner so we don't have to continue re-inventing the wheel! 🔥
import React, { Component } from 'react';
import ContentEditable from 'react-sane-contenteditable';
class App extends Component {
constructor(props) {
super(props);
this.state = {
title: 'Title here',
};
}
handleChange = (ev, value) => {
this.setState({ title: value });
};
render() {
return (
<div className="App">
<ContentEditable
tagName="h1"
className="my-class"
content={this.state.title}
editable={true}
maxLength={140}
multiLine={false}
onChange={this.handleChange}
/>
</div>
);
}
}
yarn test
yarn run lint
Runs the rollup dev server with file watching on both the src and demo
yarn run dev
FAQs
React component with sane defaults to make any element contentEditable
The npm package react-sane-contenteditable receives a total of 542 weekly downloads. As such, react-sane-contenteditable popularity was classified as not popular.
We found that react-sane-contenteditable demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 4 open source maintainers collaborating on the project.
Did you know?
Socket installs a Github app to automatically flag issues on every pull request and report the health of your dependencies. Find out what is inside your node modules and prevent malicious activity before you update the dependencies.