React Jodit PRO WYSIWYG Editor


React wrapper for Jodit PRO

Installation

``bash
npm install jodit-pro-react --save


or


yarn add jodit-pro-react
`

Update editor version

`bash
npm update jodit-react-pro
`

Usage

$3

`jsx
import React, {useState, useRef} from 'react';
import JoditEditor from "jodit-pro-react";

const Example = ({}) => {
const editor = useRef(null)
const [content, setContent] = useState('')

const config = {
readonly: false, // all options from https://xdsoft.net/jodit/docs/,
uploader: {
url: 'https://xdsoft.net/jodit/finder/?action=fileUpload'
},
filebrowser: {
ajax: {
url: 'https://xdsoft.net/jodit/finder/'
},
height: 580,
}
}

return (
ref={editor}
value={content}
config={config}
tabIndex={1} // tabIndex of textarea
onBlur={newContent => setContent(newContent)} // preferred to use only this option to update the content for performance reasons
onChange={newContent => {}}
/>
);
}
``

License
-----
This package is available under License.