Skip to content

netcoding87/jodit-react

This branch is 394 commits behind jodit/jodit-react:main.

Folders and files

NameName
Last commit message
Last commit date
Dec 11, 2019
Dec 11, 2019
Dec 11, 2019
Nov 20, 2019
Dec 9, 2019
Jan 12, 2019
Jan 12, 2019
Oct 21, 2019
Jan 12, 2019
Dec 11, 2019
Jan 12, 2019

Repository files navigation

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} from 'react';
import JoditEditor from "jodit-react";

cosnt 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} // tabIndex of textarea
		onBlur={newContent => setContent(newContent)} // preferred to use only this option to update the content for performance reasons
                onChange={newContent => setContent(newContent)}
            />
        );
}

License

This package is available under MIT License.

About

React wrapper for Jodit

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 100.0%