Need help with jodit-react?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

jodit
199 Stars 72 Forks MIT License 138 Commits 82 Opened issues

Description

React wrapper for Jodit

Services available

!
?

Need anything else?

Contributors list

# 10,474
CSS
jQuery
imageed...
ace-edi...
74 commits
# 495,560
JavaScr...
openid-...
oauth2-...
Redux
5 commits
# 78,814
yii2
PHP
Yii Fra...
HTML
1 commit
# 217,330
JavaScr...
1 commit

React Jodit WYSIWYG Editor

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

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

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

const config = {
    readonly: false // all options from https://xdsoft.net/jodit/doc/
}

return (
        <joditeditor ref="{editor}" value="{content}" config="{config}" tabindex="{1}" of textarea onblur="{newContent"> setContent(newContent)} // preferred to use only this option to update the content for performance reasons
            onChange={newContent =&gt; {}}
        /&gt;
    );

}

License

This package is available under

MIT
License.

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.