jodit-react

React Jodit WYSIWYG Editor

React wrapper for Jodit

Installation

npm install jodit-react --save

Update editor version

npm update jodit-react

Run demo

npm install --dev 
npm run demo

and open

http://localhost:4000/

Usage

1. Require and use Jodit component inside your application.

import React from 'react';

import 'jodit';
import 'jodit/build/jodit.min.css';
import JoditEditor from "jodit-react";

class Example  extends Component {
    constructor(props) {
        super(props);
        this.state = {
        	content: 'content',
        }
    }

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

    render() {
        return (
            <JoditEditor
                value={this.state.content}
                config={{
                    readonly: false // all options from https://xdsoft.net/jodit/doc/
                }}
                onChange={this.updateContent.bind(this)}
            />
        );
    }
}

License

This package is available under MIT License.