@speedy4all/jodit-react

1.1.35 • Public • Published

React Jodit WYSIWYG Editor

npm npm npm

Fixed images in print preview

  • the page now waits for the images to load and only then the print is opened

React wrapper for Jodit

Jodit React PRO it is an extended version of Jodit React with the same API, but with a lot more features.

Installation

npm install @speedy4all/jodit-react --save

Update editor version

npm update @speedy4all/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 "@speedy4all/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} // 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 MIT License.

Package Sidebar

Install

npm i @speedy4all/jodit-react

Weekly Downloads

0

Version

1.1.35

License

MIT

Unpacked Size

870 kB

Total Files

19

Last publish

Collaborators

  • speedy4all