Browser JavaScript IDE - Replit

Skip to content

← Back to Community

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.

Voters

Comments

downvote

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 :)