npmpackage.info

Gathering detailed insights and metrics for react-jodit-editor

Other packages similar to react-jodit-editor

jodit-react

5.2.19

Jodit is awesome and usefully wysiwyg editor with filebrowser

jodit-pro-react

5.2.28

Jodit PRO is awesome and usefully wysiwyg editor with filebrowser

idist-jodit-react

1.3.98

Jodit is awesome and usefully wysiwyg editor with filebrowser

@nonamegeorge/jodit-react

1.0.18

Jodit is awesome and usefully wysiwyg editor with filebrowser

Gathering detailed insights and metrics for react-jodit-editor

react-jodit-editor - 1.1.0 | npmpackage.info

react-jodit-editor

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

1.1.0

JavaScript

702.74 kB

4.5

Installations

npm install react-jodit-editor

Developer Guide

BETA

Typescript

No

Module System

CommonJS

Node Version

10.14.2

NPM Version

6.14.8 Pull Requests

Open

0

Total

0

Closed

0

Issues

Open

0

Total

0

Closed

0

Releases

Unable to fetch releases

Languages

JavaScript

HTML

JavaScript (97.56%)

HTML (2.44%)

Developer

darraghfinn

Download Statistics

Total Downloads

Last Day

Last Week

Last Month

Last Year

GitHub Statistics

4 Stars

8 Commits

1 Forks

1 Watchers

2 Branches

1 Contributors

Updated on Oct 22, 2024

Maintainers

View All 1 Contributors

Package Meta Information

Latest Version

1.1.0

Package Id

react-jodit-editor@1.1.0

Unpacked Size

702.74 kB

Size

190.18 kB

File Count

NPM Version

6.14.8

Node Version

10.14.2

Total Downloads

Cumulative downloads

Total Downloads

NaN

Last Day

NaN

Compared to previous day

Last Week

NaN

Compared to previous week

Last Month

NaN

Compared to previous month

Last Year

NaN

Compared to previous year

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

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