Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/hediet/browser-ext-github-monaco

This extension brings the famous Monaco editor to Github
https://github.com/hediet/browser-ext-github-monaco

chrome-extension github monaco-editor

Last synced: 11 days ago
JSON representation

This extension brings the famous Monaco editor to Github

Awesome Lists containing this project

README

        

# Monaco Markdown Editor For GitHub (Chrome/Firefox)

[![](https://img.shields.io/static/v1?style=social&label=Sponsor&message=%E2%9D%A4&logo=GitHub&color&link=%3Curl%3E)](https://github.com/sponsors/hediet)
[![](https://img.shields.io/static/v1?style=social&label=Donate&message=%E2%9D%A4&logo=Paypal&color&link=%3Curl%3E)](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=ZP5F38L4C88UY&source=url)
[![](https://img.shields.io/twitter/follow/hediet_dev.svg?style=social)](https://twitter.com/intent/follow?screen_name=hediet_dev)

**[ [Install For Chrome](https://chrome.google.com/webstore/detail/monaco-markdown-editor-fo/mmpbdjdnmhgkpligeniippcgfmkgkpnf) ]** **[ [Install For Firefox](https://addons.mozilla.org/en/firefox/addon/monaco-markdown-github-editor/) ]**

This Chrome/Firefox extension brings the famous Monaco editor to GitHub!

![](./docs/screenshot.png)

---

## Monaco Features

- Syntax Highlighting of Markdown and Code Snippets
- Tab to indent and Shift+Tab to outdent entire selections
- Multi-Cursor Editing
- and much more

## Additional Features

- Press F11 to toggle full screen (F10 for wide full screen).
- The full screen mode previews the markdown if enough space is available.

## Github Features

- Autocompletion for issues, mentions and emojis.

This extension replaces all GitHub text areas for authoring markdown with a monaco editor.

## Demo

![](./docs/demo.gif)

## Full-Screen-Mode

![](./docs/fullscreen.gif)

## Building

You need nodejs and yarn. Just run these commands to produce `extension.zip` in the dist folder:

```
yarn
yarn build
```