{"id":8069,"date":"2020-10-09T09:00:32","date_gmt":"2020-10-09T17:00:32","guid":{"rendered":"https:\/\/devblogs.microsoft.com\/python\/?p=8069"},"modified":"2020-10-09T12:28:17","modified_gmt":"2020-10-09T20:28:17","slug":"bringing-the-power-of-the-monaco-editor-to-nteract","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/python\/bringing-the-power-of-the-monaco-editor-to-nteract\/","title":{"rendered":"Bringing the power of the Monaco Editor to nteract"},"content":{"rendered":"

The Python team is excited to announce the introduction of\u00a0<\/span>our\u00a0<\/span>popular\u00a0<\/span>Monaco\u00a0<\/span>E<\/span>ditor in\u00a0<\/span>n<\/span>teract<\/span><\/a>, the open-source organization that builds SDKs, applications, and libraries to make the most of interactive notebooks.\u00a0<\/span>Over the past few months, we have been working with the help of the nteract <\/span>community to bring this editor to your <\/span>notebook.<\/span><\/p>\n

Our team\u00a0<\/span>at Microsoft has actively<\/span>\u00a0<\/span>embraced\u00a0<\/span>nteract<\/span>\u00a0in\u00a0<\/span>our\u00a0<\/span>notebook experiences<\/span>. W<\/span>e\u00a0<\/span>a<\/span>re<\/span>\u00a0<\/span>looking\u00a0<\/span>to<\/span>\u00a0contribute\u00a0<\/span>our tools\u00a0<\/span>back to the communit<\/span>y<\/span>, and\u00a0<\/span>t<\/span>he Monaco Editor is our first\u00a0contribution\u00a0<\/span>towards<\/span>\u00a0this goal.\u00a0<\/span>In<\/span>\u00a0<\/span>doing so<\/span>,\u00a0<\/span>we hope to provide<\/span>\u00a0<\/span>you with<\/span>\u00a0<\/span>a seamless<\/span>\u00a0<\/span>notebook<\/span>\u00a0experience<\/span>\u00a0and<\/span>\u00a0powerful new editing features.<\/span>\u00a0<\/span><\/p>\n

\"Image<\/a><\/p>\n

Monaco Release Features<\/h2>\n

This initial release introduces several robust editor functionalities to improve your coding experience.<\/p>\n

Theming<\/strong><\/h4>\n

The Monaco Editor supports the light and dark themes currently provided by nteract.<\/p>\n

\"Image<\/a><\/p>\n

Completions<\/strong><\/h4>\n

Powered by the Jupyter kernel, you can now use suggested completions to speed up typing.<\/p>\n

\"Image<\/a><\/p>\n

Change All Occurrences<\/strong><\/h4>\n

The right-click menu exposes the Change All Occurrences feature, which allows you to easily rename all instances of a variable within a cell at once.<\/p>\n

\"Image<\/a><\/p>\n

<\/h2>\n

Getting Started<\/h2>\n

To take advantage of this new editor, simply navigate to the Preferences tab in the top toolbar in the latest nteract version<\/a> and select \u201cMonaco Editor\u201d under Editor Type.<\/p>\n

\"Image<\/a><\/p>\n

If you want to test out the Monaco Editor component and integrate it within your own application, you can download the package using:<\/p>\n

$ npm install @nteract\/monaco-editor<\/code><\/p>\n

For those looking for the flexibility of a new editor in nteract, try installing the Monaco Editor package and give these new features a try. If you have any problems or suggestions, feel free to file an issue on the nteract Monaco Editor Github page<\/a>. We want to continue contributing to nteract, so stay tuned for upcoming releases as we look to bring in more Monaco and notebooks features!<\/p>\n","protected":false},"excerpt":{"rendered":"

The Monaco Editor is the popular code editor that powers VS Code, bringing you features like IntelliSense, theming, and simple refactoring. The Python team has partnered with the nteract community to bring these powerful editing features to your nteract notebook.<\/p>\n","protected":false},"author":39999,"featured_media":10119,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-8069","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-python"],"acf":[],"blog_post_summary":"

The Monaco Editor is the popular code editor that powers VS Code, bringing you features like IntelliSense, theming, and simple refactoring. The Python team has partnered with the nteract community to bring these powerful editing features to your nteract notebook.<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/python\/wp-json\/wp\/v2\/posts\/8069","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devblogs.microsoft.com\/python\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devblogs.microsoft.com\/python\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/python\/wp-json\/wp\/v2\/users\/39999"}],"replies":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/python\/wp-json\/wp\/v2\/comments?post=8069"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/python\/wp-json\/wp\/v2\/posts\/8069\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/python\/wp-json\/wp\/v2\/media\/10119"}],"wp:attachment":[{"href":"https:\/\/devblogs.microsoft.com\/python\/wp-json\/wp\/v2\/media?parent=8069"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/python\/wp-json\/wp\/v2\/categories?post=8069"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/python\/wp-json\/wp\/v2\/tags?post=8069"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}