CodeMirror
Monaco Editor
Our great sponsors
CodeMirror | Monaco Editor | |
---|---|---|
39 | 113 | |
26,524 | 37,955 | |
0.4% | 1.9% | |
6.1 | 8.4 | |
28 days ago | 1 day ago | |
JavaScript | JavaScript | |
MIT License | 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.
CodeMirror
-
I've cloned a simple VScode using Tauri and ReactJS
codemirror - a code editor component for the web
-
massCode v3 - An open source snippets manager is out 🚀
massCode uses Codemirror as the basis for the editor and .tmLanguage as the grammar for syntax highlighting. This tandem opens the door to over 600 existing grammars. The application currently supports more than 160 grammars. In addition to .tmLanguage, the application supports .tmTheme for themes. There is also…
-
pyTermTk sandbox with Pyodide + xterm.js + CodeMirror5 + other stuff
After giving up countless times since I started this project, I finally managed to dig the dark secrets of Pyodide and run pyTermTk on a browser, all of this, of course, thanks to the magic of xterm.js. I know, my friend, I know what you are thinking, I was disgusted at first picturing that hideous javascript defiling the python purity of my code, but, when I saw my red pepper shining on webkit engine, well, I couldn't hold back a tear. And after that, who am I to not include also an editor and my collection of demos and examples? So, here it is, a super minimal buggy and feature incomplete pyTermTk Sandbox
-
[Media] This is my first Rust project, a little pastebin web app called MicroBin. 🦀 It's blazingly fast 🚀🔥 and crazy safe of course
syntax highlighting is simple with https://codemirror.net/
-
How to add SQL editor to your django admin.
Official website of Codemirror.
-
Do you trust the Obsidian company?
CodeMirror [MIT] https://codemirror.net/
-
Tilepieces
The project is built with itself, and uses some of the popular frontend libraries like codemirror and terser.To build a tilepieces application, read the instructions.
-
introducing tilepieces: An open source project to visually editing HTML documents and Web applications
Tilepieces is a software that allows you to create applications for editing HTML documents, using some of the popular interfaces of the browser developer tools (with which it is possible to integrate css edits). Tilepieces also allows you to reuse your favorite code and libraries, and exposes APIs that are useful for editing multiple files at a time. You can start using tilepieces with its progressive web application version! Why Tilepieces? Tilepieces has everything you need to manage and design the layout of all your web projects, be they newsletters, banners, websites or web applications. Any library and framework can be reused using its component data structure, similar to NPM's package.json. These data structures can be populated by the application itself. Its API and the possibility of customization make it perfect as the basis of a CMS How Tilepieces works The project is built with itself, and uses some of the popular frontend libraries like codemirror and terser. To build a tilepieces application, read the instructions. How to use Tilepieces You can start use tilepieces immediately with its progressive web application version. If you like Node.js, there is an npm package for you that will launch the application in your favourite browser.
-
[AskJS] Front-end codebases made using vanilla JavaScript for studying
I think that Codemirror 5 is a nice example, version 6 is somewhat hard to follow, there are way too many modules and it's hard to understand.
- What is the point of this php.js file ?
Monaco Editor
-
A structured note-taking app for personal use
Fyi, if you are ever looking for a fun project you might be able to implement this. The vscode editor source is available as a library https://microsoft.github.io/monaco-editor/
-
GIGO and VS-code: the Battle With Microsoft
VScode uses the monaco-editor to display all editor screens in vscode including the markdown editor. A simple solution is to use the in built markdown file editor and call it a day.
-
Show HN: Open-source alternatives to tools You pay for
visual studio is open source: https://github.com/microsoft/vscode
i remember using their monaco editor as well (https://github.com/microsoft/monaco-editor), a really powerful editor & the very same used by VS Code (i think you can even get at the AST for TypeScript, for example, in the browser if you poke around deep enough)
crazy cool stuff, and most definitely OSS!!!
-
NPM workspace and vite - Read dependency build output (d.ts file)
So lets say the project consists of two packages Lib and App in which Lib is a library and App is the frontend app which depends on Lib. Now I want to display a monaco powered code editor in App which has has access to all types of Lib. This means that I have to somehow read the *.d.ts file of Lib as a string to set it as "extra lib" for monaco.
-
🔥✍️ 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)
What are some alternatives?
ace - Ace (Ajax.org Cloud9 Editor)
ProseMirror - The ProseMirror WYSIWYM editor
Draft.js - A React framework for building text editors.
TinyMCE - The world's #1 JavaScript library for rich text editing. Available for React, Vue and Angular
quill - Quill is a modern WYSIWYG editor built for compatibility and extensibility.
rich-markdown-editor - The open source React and Prosemirror based markdown editor that powers Outline. Want to try it out? Create an account:
vuetify - 🐉 Vue Component Framework
tauri - Build smaller, faster, and more secure desktop applications with a web frontend.