React PDF viewer
Monaco Editor
Our great sponsors
- SurveyJS - A Non-Cloud Alternative to Google Forms that has it all.
- Amplication - open-source Node.js backend code generator
- Appwrite - The open-source backend cloud platform
- Sonar - Write Clean JavaScript Code. Always.
- InfluxDB - Collect and Analyze Billions of Data Points in Real Time
- Mergify - Updating dependencies is time-consuming.
React PDF viewer | Monaco Editor | |
---|---|---|
11 | 108 | |
1,749 | 35,628 | |
4.3% | 1.8% | |
9.3 | 8.9 | |
about 1 month ago | 4 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
It uses pdf js under the hood.
https://github.com/react-pdf-viewer/react-pdf-viewer/blob/ma...
What is the great selling point compare to use the native PDF view builtin to all modern browsers?
I really hate it when websites tries to be smart about PDF viewing. The builtin view is much better and faster.
The demo at https://react-pdf-viewer.dev is just not as good as opening the PDF directly in the browser.
> You have to purchase a Commercial License at the official website.
Monaco Editor
-
đĽâď¸ Notion-like Experience for Your GitHub Content
Youâll see a Monaco Editor-powered change editor. The content incoming from the Git repo is on the left, while the current content in Vrite is on the right. You can make changes in the editor on the right - this will ultimately become the result content. Once youâre done, click Resolve. If there are no other conflicts, you should now be able to pull the latest changes.
- Vscode.dev: Local Development with Cloud Tools
-
Vrite Editor: Open-Source WYSIWYG Markdown Editor
By referencing the ProseMirror docs, forwarding the editor state back and forth, and adjusting the layout, I managed to integrate Monaco Editor â the web editor extracted from VS Code â together with Prettier (for code formatting) right into the Vrite Editor (I know, thatâs a lot of editors in one place đ ).
Now, thereâs still some work to be done here. Monaco editor doesnât work well for mobile, and some âoptionalâ features werenât yet optimized (like link previews or comments).
-
Kako da u JavaScriptu napravim da se kĂ´d oboji dok ga korisnik ukucava? Uspio sam napraviti da se kĂ´d oboji kad korisnik pritisne tipku, ali nisam uspio napraviti da se boja dok ga korisnik ukucava.
mozes koristiti gotovi code editor library, https://codemirror.net/ https://microsoft.github.io/monaco-editor/
- [Typia] I made realtime demo site of 20,000x faster validation (+200x faster JSON stringify)
-
Show HN: I open sourced the QR designer from my failed startup
Codemirror & vue. Chances are if you're using a code editor in a web app it's either Microsoft's Monaco [0] or CodeMirror [1], which is maintained by Marijn Haverbeke
- Show HN: I made an in-browser code editor with code replay and REPL
- This may be an unpopular opinion here but gpt has made coding so much fun again
-
Ace-Editor-Web-Component: A web-component to easily add a code editor to your web-page!
u/useful_idiot - yeah! Backing my claim up! https://github.com/microsoft/monaco-editor/discussions/3813
What are some alternatives?
CodeMirror - In-browser code editor (version 5, legacy)
ace - Ace (Ajax.org Cloud9 Editor)
react-pdf - Display PDFs in your React app as easily as if they were images.
rich-markdown-editor - The open source React and Prosemirror based markdown editor that powers Outline. Want to try it out? Create an account:
quill - Quill is a modern WYSIWYG editor built for compatibility and extensibility.
Editor.js - A block-style editor with clean JSON output
ProseMirror - The ProseMirror WYSIWYM editor
tauri - Build smaller, faster, and more secure desktop applications with a web frontend.
Draft.js - A React framework for building text editors.
vuetify - đ Vue Component Framework