Browser JavaScript IDE
An IDE that edits, runs, and downloads browser JavaScript, powered my Monaco, the same editor used by Replit and VSCode!
Just open in a new tab and get coding! Your code is automatically saved to localstorage every second, but you can also press ctrl+s
to download the script to your computer. If you feel like testing your code, press ctrl+enter
to run the script in your browser.
I would definitely upvote this if you made the editor yourself (instead of using monaco). Features would be:
- Syntax highlighting
- Suggestions/Live errors
- IDK what else...
@codingjlu The entire point of this was to show off Monaco (Although I am working on an editor from scratch)
@ANDREWVOSS Well, don't you realize that replit itself uses
Pretty kewl, although there doesn't seem to be many features :>?
Maybe try adding something on top of this to make it better :D!
@RayhanADev I'm currently trying to add code snippets, and possibly html editing
@ANDREWVOSS niceee!
@RayhanADev I just implemented some code snippets for keydown
and keyup
. You use JS way more than me, are there any snippets you think I should add?
@ANDREWVOSS maybe add code snippets for smart animation frames:
window.requestFrame = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || function (callback) { window.setTimeout(callback, 1000 / 60); };
also maybe touchstart touchend (kinda like keydown keyup)
document.addEventListener('touchstart', event => { }); document.addEventListener('touchend', event => { });
@RayhanADev Implemented!
@ANDREWVOSS nice :)
downvote