Play Button Pause Button

Building a Code Editor for the Web - Introduction

coderarchive profile image Lu-Vuong Le πŸŽ§πŸ’» ・1 min read

In this video series, we're going to look at how to create our own simple code editor for the web or in the browser.

You'll see the process and tools we can use to make something like this as we replicate the code editor on the MDN Web Documentation as the goal.

If you'd like to see more of my videos, head over to Youtube! A follow/sub comes a long way to show support

Expect more content for this project so stay tuned! πŸ”₯πŸ”₯

Follow and connect with me on:

🐦 Twitter: https://twitter.com/coderarchive
πŸ“š Github: https://github.com/luvuong-le
πŸ’Ό LinkedIn: https://www.linkedin.com/in/lu-vuongle/
πŸ“· Instagram: https://www.instagram.com/coderarchive/
πŸ“ Dev.to: https://dev.to/coderarchive


markdown guide

Hey, I am looking for a way to provide code completion in Browser similar to how we get in VS Code. Currently for JS.

Can you just point me what to checkout to accomplish this.


Have a look at Microsoft’s Monaco editor, it’s what powers VSCode under the hood and should be embedable in a webpage. Haven’t tried it yet though


There's a lot of different libraries for a code editor in the browser, I'll be making use of the Ace editor for these videos but what Jakub suggested is probably your best bet for what you're looking for


Will this tutorial be multiple posts here or do you have video tutorials?


I'll be posting it on both Youtube and Dev! πŸ‘


Can you add French subtitles to your video, please