React-ckeditor-wrapper NPM

react-ckeditor-wrapper

install

Usage

Add CKEditor to your index.html from the cdn

    <script src="https://cdn.ckeditor.com/4.6.2/standard/ckeditor.js"></script>

or if you want a custom version of ckeditor

     <script src="assets/ckeditor/ckeditor.js"></script>

var CKEditor = require('react-ckeditor-wrapper');
 
class Example  extends Component {
    constructor(props) {
        super(props);
        this.state = {
        content: 'content',
        }
    }

    updateContent(value) {
        this.setState({content:value})
    }

    render() {
        return (<CKEditor 
        value={this.state.content} 
        onChange={this.updateContent.bind(this)} />)
    }
}

With custom config

    render() {
        return (<CKEditor 
        value={this.state.content} 
        onChange={this.updateContent.bind(this)} 
        config={{ readOnly: true }}/>)
    }