Installations
npm install react-jodit-editorReleases
Unable to fetch releases
Developer
Developer Guide
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%
3
Compared to previous day
Last week
-50%
16
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
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"));
No vulnerabilities found.
Reason
no vulnerabilities detected
Reason
no dangerous workflow patterns detected
Reason
tokens are read-only in GitHub workflows
Reason
all dependencies are pinned
Details
- Info: GitHub-owned GitHubActions are pinned
- Info: Third-party GitHubActions are pinned
- Info: Dockerfile dependencies are pinned
- Info: no insecure (not pinned by hash) dependency downloads found in Dockerfiles
- Info: no insecure (not pinned by hash) dependency downloads found in shell scripts
Reason
no binaries found in the repo
Reason
no reviews found
Details
- Warn: no reviews found for commit: 35cb001f7164f969b13a7598d508e63e7695355f
- Warn: no reviews found for commit: 504fb31542a3412cce58153630f7c038fa684dcf
- Warn: no reviews found for commit: b6a06700b5c44e8c9a23c10da265229dc3d9ca3f
- Warn: no reviews found for commit: 2343f49aa671beac1d88311e0f9285651ed4525d
- Warn: no reviews found for commit: 6ee1145b0cc4750e8ba4e6092ad0c5f730ff6b86
- Warn: no reviews found for commit: efd46dee6cc3ace282b0b3f8ddebc0644ee0a239
- Warn: no reviews found for commit: c72c76772e7c20837c190b533d95d4e30c55625f
- Warn: no reviews found for commit: 908d11b33be1a1f3c5b97af2686b46ad0fef4626
Reason
0 commit(s) out of 8 and 0 issue activity out of 0 found in the last 90 days -- score normalized to 0
Reason
no badge detected
Reason
branch protection not enabled on development/release branches
Details
- Warn: branch protection not enabled for branch 'master'
Reason
license file not detected
Reason
security policy file not detected
Reason
no update tool detected
Details
- Warn: dependabot config file not detected in source location. We recommend setting this configuration in code so it can be easily verified by others.
- Warn: renovatebot config file not detected in source location. We recommend setting this configuration in code so it can be easily verified by others.
Reason
project is not fuzzed
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