Monaco Editor
FiraCode
Our great sponsors
Monaco Editor | FiraCode | |
---|---|---|
113 | 206 | |
38,268 | 75,287 | |
1.8% | - | |
8.4 | 6.1 | |
3 days ago | about 2 months ago | |
JavaScript | Clojure | |
MIT License | SIL Open Font License 1.1 |
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.
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.
-
[Webview] Scrolling jumps in Monaco editor
WebView webView = new WebView(); webView.getEngine().load("https://microsoft.github.io/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
-
Repos: custom code languages syntax colorization via monaco editor
From googling about it seems that Azure uses monaco editor to make code in repos be colourised and what not. this appears to be the editor library for vscode, so that makes sense.
-
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 😅).
-
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/
FiraCode
-
I Just Wanted Emacs to Look Nice – Using 24-Bit Color in Terminals
IME, this is like the golden age of terminal apps in general and macOS-compatible ones in particular. There are several really good terminals for macOS:
[iTerm2 app](https://iterm2.com/)
[Kitty terminal](https://sw.kovidgoyal.net/kitty/)
[WezTerm terminal](https://wezfurlong.org/wezterm/index.html)
[Alacritty](https://github.com/alacritty/alacritty)
My daily driver is WezTerm…
- Runs on Linux, macOS, Windows 10 and FreeBSD
- [Multiplex terminal panes, tabs and windows on local and remote hosts, with native mouse and scrollback](https://wezfurlong.org/wezterm/multiplexing.html)
- [Ligatures](https://github.com/tonsky/FiraCode#fira-code-monospaced-font...), Color Emoji and font fallback, with true color and [dynamic color schemes](https://wezfurlong.org/wezterm/config/appearance.html#colors).
- [Hyperlinks](https://wezfurlong.org/wezterm/hyperlinks.html)
- [Searchable Scrollback](https://wezfurlong.org/wezterm/scrollback.html) (use mouse wheel and `Shift-PageUp` and `Shift PageDown` to navigate, Ctrl-Shift-F to activate search mode)
- xterm style selection of text with mouse; paste selection via `Shift-Insert` (bracketed paste is supported!)
- SGR style mouse reporting (works in vim and tmux)
- Render underline, double-underline, italic, bold, strikethrough (most other terminal emulators do not support as many render attributes)
- Configuration via a [configuration file](https://wezfurlong.org/wezterm/config/files.html) with hot reloading
- Multiple Windows (Hotkey: `Super-N`)
- Splits/Panes (Split horizontally/vertically: `Ctrl-Shift-Alt-%` and `Ctrl-Shift-Alt-"`, move between panes: `Ctrl-Shift-ArrowKey`)
- Tabs (Hotkey: `Super-T`, next/prev: `Super-Shift-[` and `Super-Shift-]`, go-to: `Super-[1-9]`)
- [SSH client with native tabs](https://wezfurlong.org/wezterm/ssh.html)
- [Connect to serial ports for embedded/Arduino work](https://wezfurlong.org/wezterm/serial.html)
- Connect to a local multiplexer server over unix domain sockets
- Connect to a remote multiplexer using SSH or TLS over TCP/IP
- iTerm2 compatible image protocol support, and built-in [imgcat command](https://wezfurlong.org/wezterm/imgcat.html)
- Kitty graphics support
- Sixel graphics support (experimental: starting in `20200620-160318-e00b076c`)
-
Icons cut off when using using Konsole?
I use Konsole without any problem. Check the font. I recommend you to use one from here: https://www.nerdfonts.com/font-downloads. I personally use FiraCode medium patched with this tool to change the @ and the & symbols (ss03 and ss05). If you like that font, here you could get the codes to match your needs https://github.com/tonsky/FiraCode
-
What font are you using and why?
Fira Code with Ligatures Enabled but also Ligatures Limited - (as per wiki), to make sure those Ligatures are not where you don't want them to be.
-
copilotIsntGonnaLetMeDown
Seriously though this is my recommendation: https://github.com/tonsky/FiraCode
-
which Font do you use?
https://github.com/tonsky/FiraCode give it try
-
Berkeley Mono Typeface
I was the same until I started using Fira Code and don't think I'll ever go back to anything else. the ligatures are worth it
https://github.com/tonsky/FiraCode
- Mis 3 fuentes favoritas Open Source para VSCode 😎
-
Elevate Your Frontend Productivity Must-Have Tools and Configurations
Fira Code: A monospaced font with ligatures that enhance code legibility.
- FiraCode: Free monospaced font with programming ligatures
What are some alternatives?
CodeMirror - In-browser code editor (version 5, legacy)
nerd-fonts - Iconic font aggregator, collection, & patcher. 3,600+ icons, 50+ patched fonts: Hack, Source Code Pro, more. Glyph collections: Font Awesome, Material Design Icons, Octicons, & more
ace - Ace (Ajax.org Cloud9 Editor)
cascadia-code - This is a fun, new monospaced font that includes programming ligatures and is designed to enhance the modern look and feel of the Windows Terminal.
quill - Quill is a modern WYSIWYG editor built for compatibility and extensibility.
alacritty - A cross-platform, OpenGL terminal emulator.
rich-markdown-editor - The open source React and Prosemirror based markdown editor that powers Outline. Want to try it out? Create an account:
source-code-pro - Monospaced font family for user interface and coding environments
ProseMirror - The ProseMirror WYSIWYM editor
Hack - A typeface designed for source code
Draft.js - A React framework for building text editors.
neovim - Vim-fork focused on extensibility and usability