Skip to main content
Gordon Beeming

Father • Husband • Triathlete • SSW Solution Architect

homeblognuggetsprojectstagsabout
← all tags

Tagged Monaco Editor

1 postRSS ↗
Aug 12, 2020·1 min read

How to use the same editor as Visual Studio Code in your sites

Wondering how you can use the same editor as Visual Studio Code in your sites? In this video I'll show you how you can 😀. 0:00 - Introduction 0:25 - Setup basic HTML file 1:55 - Add monaco editor html tags 3:23 - Use monaco colorizeElement functionality 5:17 - Create a monaco editor 9:46 - Monaco editor "Cannot read property 'AddEventListener' of null 10:38 - Use npm to install monaco editor dependencies 12:19 - Exploring the monaco editor playground 13:52 - Thank you for watching

Monaco EditorNPMYouTube Videos+1 more
About
Gordon Beeming

Solution Architect at SSW in Brisbane, and a Microsoft MVP every year since 2014. Azure, DevOps, and helping teams write better C#. Husband and father, usually training for the next swim, bike or run.

More about me »
Archives
202628202537202422023420228All 202 posts »
Search

Searches posts, projects and nuggets.

Tags
VSTS / TFSAIAzureProductivityVisual StudioYouTube VideosSecurityDevOps.NETPowerShellGitHub
Elsewhere
GitHubLinkedInYouTubeRSS feed
xylemGordon Beeming

A personal blog about software development, DevOps, open source, and the occasional triathlon story. Built with Next.js.

Powered by curiosity and

Links
blognuggetsprojectstagsaboutcolor palette
Support
Buy Me a CoffeePatreonGitHub Sponsors
© 2013-2026 Gordon Beeming · Opinions are my own and not that of my company or anyone I engage with.