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-react component inside your application.

importReact,{useState,useRef}from'react';importJoditEditorfrom"jodit-react";constExample=({})=>{consteditor=useRef(null)const[content,setContent]=useState('')constconfig={readonly: false// all options from https://xdsoft.net/jodit/doc/}return(<JoditEditorref={editor}value={content}config={config}tabIndex={1}// tabIndex of textareaonBlur={newContent=>setContent(newContent)}// preferred to use only this option to update the content for performance reasonsonChange={newContent=>{}}/>);}

License

This package is available under MIT License.