React JS Jodit WYSIWYG

GitHub

npm npm npm

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/play.html
            }}
            onChange={this.updateContent.bind(this)}
        />
    }
}

License

This package is available under MIT License.