Skip to content

Monaco Editor ​

Whenever you want to do some modification in the presentation, simply add {monaco} after the language id — it turns the block into a fully-featured Monaco editor!

md
```ts {monaco}
console.log('HelloWorld')
```

Learn more about Configuring Monaco.

Diff Editor ​

Monaco can also generate a diff between two code blocks. Use {monaco-diff} to turn the block into a Monaco diff editor and use ~~~ to separate the original and modified code!

md
```ts {monaco-diff}
console.log('Original text')
~~~
console.log('Modified text')
```

Released under the MIT License.