npmpackage.info

Gathering detailed insights and metrics for react-jodit-editor

Other packages similar to react-jodit-editor

jodit-react

4.1.2

Jodit is awesome and usefully wysiwyg editor with filebrowser

jodit

4.2.43

Jodit is an awesome and useful wysiwyg editor with filebrowser

jodit-pro-react

4.1.21

Jodit PRO is awesome and usefully wysiwyg editor with filebrowser

jodit-vue

3.1.0

Vue wrapper for Jodit Editor

Gathering detailed insights and metrics for react-jodit-editor

react-jodit-editor

React WYSIWYG Editor Which Uses Jodit & Jodit-React Wrapper In A Simplifies Component

1.1.0

JavaScript

11,564 4.5

Installations

npm install react-jodit-editor

Pull Requests

Open

0

Total

0

Closed

0

Issues

Open

0

Total

0

Closed

0

Releases

Unable to fetch releases

Developer

darraghfinn

Developer Guide

BETA

Module System

CommonJS

Min. Node Version

Typescript Support

No

Node Version

10.14.2

NPM Version

6.14.8 Statistics

4 Stars

8 Commits

1 Forks

1 Watching

2 Branches

1 Contributors

Updated on 22 Oct 2024

Languages

JavaScript (97.56%)

HTML (2.44%)

Total Downloads

Cumulative downloads

Total Downloads

11,564

Last day

-25%

Compared to previous day

Last week

-50%

Compared to previous week

Last month

4.9%

129

Compared to previous month

Last year

-59.6%

1,699

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

jodit jodit-react react react-dom

Dev Dependencies

@babel/core @babel/preset-env @babel/preset-react babel-loader html-loader html-webpack-plugin webpack webpack-cli webpack-dev-server

Versions

React-Jodit-Editor

React WYSIWYG Editor Which Uses Jodit & Jodit-React In A Simplified Component. Offers both predefined and customizable features to easily include in your project with little effort. Features Include:

Copy & Pasting HTML content/images to editor.
Editor is by default, an iframe editor so content will automatically get sanitized and stay inside editor.
Option to manually upload files from local storage and stored in state to use.
Option to Drag and drop files on editor which will also add to the stored state for files.
Fullsize option with close on escape key.

Demo: https://react-jodit-editor.netlify.app/

Installation

1npm install react-jodit-editor --save

Props

Prop	Description	Type	Default
`initialValue`	The initial markdown string	string	""
`darkMode`	Changes theme of editor to dark mode	boolean	false
`readOnly`	Turns editor into a viewer	boolean	false
`height`	Height of the editor, measure in pixels by default	integer	600
`customToolbar`	Toolbar options on editor	string	"undo,redo,\|,bold,italic,underline,strikethrough,\|,font,fontsize,brush,\|,indent,outdent,\|,ul,ol,\|,superscript,subscript,eraser,\|,table,\|,fullsize,print"
`overrides`	Can overwrite any prop in the jodit config see https://xdsoft.net/jodit/doc/options/	object	undefined
`onChange`	Change Event For Editor Text	function
`uploadFiles`	Files can be attached by dropping on editor or manually upload from local storage	function
`files`	State for files to keep track of what is dropped and uploaded to editor can be attached by dropping on editor or manual upload	array	undefined

Example

1import HTMLEditor from "react-jodit-editor";
2import ReactDOM from "react-dom";
3import React, { useState } from "react";
4
5export default function Test() {
6  let [text, setText] = useState("");
7  let [files, setFiles] = useState([]);
8
9  console.log(files);
10  console.log(text);
11
12  return <HTMLEditor initialValue="Test" onChange={setText} uploadFiles={setFiles} files={files} />;
13}
14
15ReactDOM.render(<Test />, document.getElementById("root"));

Dependency-Update-Tool

Determines if the project uses a dependency update tool.

0

Fuzzing

Determines if the project uses fuzzing.

Score

4.5

/10

Last Scanned on 2022-08-15

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More