React PDF viewer
Draft.js
Our great sponsors
| React PDF viewer | Draft.js | |
|---|---|---|
| 1 | 36 | |
| 878 | 21,820 | |
| 6.8% | 0.7% | |
| 9.9 | 6.6 | |
| 4 days ago | 20 days ago | |
| TypeScript | JavaScript | |
| GNU General Public License v3.0 or later | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
React PDF viewer
-
React PDF viewer component rerenders constantly
I am using a React PDF viewer in my project. I have a react mui dialog component that I use with react draggable to drag it around.
Draft.js
-
Lexical – a web text editor framework that powers Facebook
How does this compare to Draft.js, another rich text editor created by Facebook?
- Does anybody a block-based rich text editor like notion that works with react?
- Draft.js and React Native
-
make document.execCommand('insertText', false, 'message') work with draftjs?
To play around with it you can just go to https://draftjs.org/ and play with it in chrome dev tools.
-
How to align text in Draft.js
I'm wondering how to align text in Draft.js just like on the picture below.
-
Facebook open sources Lexical, an extensible text editor framework
FWIW, we updated the README to reflect the status of DraftJS today.
https://github.com/facebook/draft-js
Point taken about updating the site, though.
I think it would be helpful to explicitly say that draft.js is deprecated here [1]. I was recently caught out by this, and started using draft.js without realising it’s been abandoned.
>Sure, but indicate that it's an alpha product
Do you mean something like the banner on the README?
https://github.com/facebook/lexical
>They don't even have the decency to label it is such
Do you mean something like the big banner on the README?
-
Useful Utility React.js Libraries
Draft-js. It is a JavaScript rich text editor framework, built for React and backed by an immutable model. Here is a link to it: https://draftjs.org
What are some alternatives?
quill - Quill is a modern WYSIWYG editor built for compatibility and extensibility.
slate - A completely customizable framework for building rich text editors. (Currently in beta.)
TinyMCE - The world's #1 JavaScript library for rich text editing. Available for React, Vue and Angular
Editor.js - A block-styled editor with clean JSON output
CodeMirror - In-browser code editor (version 5, legacy)
react-quill - A Quill component for React.
react-draft-wysiwyg - A Wysiwyg editor build on top of ReactJS and DraftJS. https://jpuri.github.io/react-draft-wysiwyg
medium-editor - Medium.com WYSIWYG editor clone. Uses contenteditable API to implement a rich text solution.
ProseMirror - The ProseMirror WYSIWYM editor
react-ace - React Ace Component
Froala Editor - The next generation Javascript WYSIWYG HTML Editor.