1.6.1 • Published 5 years ago
react-sane-contenteditable v1.6.1
react-sane-contenteditable
React component with sane defaults to make any element contentEditable
DEMO: https://jsfiddle.net/zp2v824s/show
Why?
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! 🔥
- Clean and sanitise the output
- Remove rich text formatting when pasting
- Prevent the cursor from jumping around
Example
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>
);
}
}
Develop
Tests
yarn test
Linting
yarn run lint
Dev
Runs the rollup dev server with file watching on both the src and demo
yarn run dev
1.6.1
5 years ago
1.6.0
5 years ago
1.5.1
5 years ago
1.5.2-beta.0
5 years ago
1.5.0
5 years ago
1.4.1
6 years ago
1.4.0
6 years ago
1.3.5
6 years ago
1.3.4
6 years ago
1.3.3
6 years ago
1.3.2
6 years ago
1.3.1
6 years ago
1.3.0
6 years ago
1.2.0
6 years ago
1.1.4
7 years ago
1.1.3
7 years ago
1.1.2
7 years ago
1.1.1
7 years ago
1.1.0
7 years ago
1.0.4
7 years ago
1.0.3
7 years ago
1.0.2
7 years ago
1.0.1
7 years ago