Monaco Editor
FiraCode
Our great sponsors
Monaco Editor | FiraCode | |
---|---|---|
113 | 206 | |
37,955 | 74,982 | |
1.9% | - | |
8.4 | 6.1 | |
1 day ago | 28 days 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.
-
đĽâď¸ 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)
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`)
-
What font are you using and why?
Fira Code: https://github.com/tonsky/FiraCode
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.
-
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
-
Elevate Your Frontend Productivity Must-Have Tools and Configurations
Fira Code: A monospaced font with ligatures that enhance code legibility.
-
JetBrains Mono Typeface
Doesn't that depend on the font author providing a NL version?
e.g if I wanted the FiraCode improvements[1] over FiraMono without the ligatures and my editor doesn't support disabling them I basically have to build it myself.
-
FiraCode: Free monospaced font with programming ligatures
> Is anyone aware of a way to toggle them on a per language basis in vs code?
Instructions[1] guide to this extension[2].
[1] https://github.com/tonsky/FiraCode/wiki/VS-Code-Instructions
[2] https://marketplace.visualstudio.com/items?itemName=kshetlin...
I like them, but they need to be tunable. Fira code is too opinionated for my taste, for example "0Ăf00d" issue here: https://github.com/tonsky/FiraCode/issues/944
What are some alternatives?
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
CodeMirror - In-browser code editor (version 5, legacy)
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.
alacritty - A cross-platform, OpenGL terminal emulator.
source-code-pro - Monospaced font family for user interface and coding environments
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:
ProseMirror - The ProseMirror WYSIWYM editor
Hack - A typeface designed for source code
neovim - Vim-fork focused on extensibility and usability
tauri - Build smaller, faster, and more secure desktop applications with a web frontend.