https://github.com/stla/monaco

Yet another second editor in RStudio.
https://github.com/stla/monaco

htmlwidgets monaco-editor r rstudio

Last synced: about 2 hours ago
JSON representation

Yet another second editor in RStudio.

• Host: GitHub
• URL: https://github.com/stla/monaco
• Owner: stla
• License: other
• Created: 2020-10-15T19:17:05.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2022-05-18T08:52:26.000Z (almost 3 years ago)
• Last Synced: 2025-03-28T03:24:25.228Z (18 days ago)
• Topics: htmlwidgets, monaco-editor, r, rstudio
• Language: JavaScript
• Homepage:
• Size: 5.35 MB
• Stars: 11
• Watchers: 4
• Forks: 3
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.note

Awesome Lists containing this project

• jimsghstars - stla/monaco - Yet another second editor in RStudio. (JavaScript)

README

        
# monaco: the Monaco editor as a HTML widget

**Yet another second editor in RStudio.** 

The Monaco editor is the code editor which powers 'VS Code'. It is particularly

well developed for JavaScript. In addition to the built-in features of the 

Monaco editor, the widget allows to prettify multiple languages, to view the 

HTML rendering of Markdown code, and to view and resize SVG images.

![](https://raw.githubusercontent.com/stla/monaco/main/inst/screenshots/monacoJS.gif)

With the help of `htmltools::browsable`, one can open two Monaco editors in the 

RStudio viewer pane:

![](https://raw.githubusercontent.com/stla/monaco/main/inst/screenshots/monacoBrowsable.gif)

The Monaco editor has [many options](https://microsoft.github.io/monaco-editor/api/interfaces/Window.html). 

If you would like some of them to be available in the `monaco` package, please 

fill an issue.

As any HTML widget, the Monaco editor widget can be used in Shiny apps:

![](https://raw.githubusercontent.com/stla/monaco/main/inst/screenshots/customRangeInput.gif)

This app uses the `sass` package to compile some SCSS code to CSS code. It is 

one of the examples provided in the `monaco` package.

### Related projects

- [shinyMonacoEditor](https://github.com/stla/shinyMonacoEditor): the Monaco 

editor in a sophisticated Shiny app. It is more developed than the `monaco` 

widget but using the Shiny app locks RStudio.

- [aceEditor](https://github.com/stla/aceEditor): the Ace editor as a HTML 

widget.