# Add custom code snippet to monaco editor

**URL:** https://forum.makecode.com/t/add-custom-code-snippet-to-monaco-editor/20922
**Category:** PXT
**Tags:** extension
**Created:** [June 28, 2023, 5:17pm UTC](https://forum.makecode.com/t/add-custom-code-snippet-to-monaco-editor/20922 "2023-06-28T17:17:06Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![nevergone](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/nevergone/32/8108_2.png) [@nevergone](https://forum.makecode.com/u/nevergone)
#### Post date: [June 28, 2023, 5:17pm UTC](https://forum.makecode.com/t/add-custom-code-snippet-to-monaco-editor/20922/1 "2023-06-28T17:17:07Z")

</div>

![Screenshot_20230628-010250](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/2X/2/23cf2f2f88b52e815e9b5ec33dc8809e9805ac3f.png)

How can I add code snippets like this to my own micro:bit makecode package?

---

<div class="post-metadata">

### Author: ![frandev](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/frandev/32/27644_2.png) [@frandev](https://forum.makecode.com/u/frandev)
#### Post date: [June 29, 2023, 10:26pm UTC](https://forum.makecode.com/t/add-custom-code-snippet-to-monaco-editor/20922/2 "2023-06-29T22:26:25Z")

</div>

what is monaco editor?

---

<div class="post-metadata">

### Author: ![nevergone](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/nevergone/32/8108_2.png) [@nevergone](https://forum.makecode.com/u/nevergone)
#### Post date: [June 30, 2023, 4:34pm UTC](https://forum.makecode.com/t/add-custom-code-snippet-to-monaco-editor/20922/3 "2023-06-30T16:34:13Z")

</div>

> **[GitHub - microsoft/monaco-editor: A browser based code editor](https://github.com/microsoft/monaco-editor)**
>
> A browser based code editor. Contribute to microsoft/monaco-editor development by creating an account on GitHub.

Based on the pxt-microbit source, I thought I should look here, but I’m not sure.