React component for CKEditor
import CKEditor from "react-ckeditor-component";
class Example extends Component {
constructor(props) {
super(props);
this.updateContent = this.updateContent.bind(this);
this.state = {
content: 'content',
}
}
updateContent(newContent) {
this.setState({
content: newContent
})
}
render() {
return (
<CKEditor activeClass="p10" content={this.state.content} onChange={this.updateContent} />
)
}
}
The package also includes an in-built example under the /example
folder. Run the sample application by cloning project and running npm start.
name | type | default | mandatory | description |
---|---|---|---|---|
content | any | No | Default value to be set in CKEditor | |
onChange | function | No | Callback function to be called onChange | |
config | object | No | Configs to be passed in CKEditor | |
isScriptLoaded | boolean | false | No | Pass true if ckeditor script is already loaded in project |
scriptUrl | string | Standard CKEditor | No | The CKEditor script that needs to be loaded. Pass a custom script with plugins if you need a customized CKEditor. |
activeClass | string | No | Any Css class to be used with CKEditor container div. |
react-ckeditor-component
is released under the MIT license
.