Web IDE

Web IDE is a browser-based code editor for local project files. It can browse and edit files, save changes, preview HTML in a new window, and run supported languages in the integrated console.

Features

• File tree with file and folder creation.
• Multi-tab editor.
• Token-based syntax highlighting for HTML, CSS, JavaScript, Python, PHP, Go, C++, Java, and Pascal.
• Line numbers, word wrap toggle, search highlighting, status bar, and console output.
• Ctrl+S / Cmd+S to save.
• Ctrl+Enter / Cmd+Enter to run.
• HTML preview opens in a separate browser window.
• Script and compiled languages run through the local machine's installed toolchains.
• Browser JavaScript that uses document should be tested through HTML preview; console JavaScript can be run with Node, for example node-demo.js.

Architecture

• server.js is the application entry point and API router.
• src/languages.js stores language detection and runner commands.
• src/workspace-service.js owns file tree, reading, saving, creation, and starter files.
• src/runner-service.js runs scripts and compiled languages with timeout protection.
• src/static-service.js serves the IDE UI and HTML preview files.
• public/app.js owns editor state and UI interactions.
• public/highlighter.js owns tokenization and safe syntax rendering.

Run

npm start

Then open:

http://localhost:3000

Supported Runners

Format	Extensions	Runner
HTML	.html, .htm	Browser preview
CSS	.css	Edited as asset
JavaScript	.js, .mjs	node
Python	.py	python3
PHP	.php	php
Go	.go	go run
C++	.cpp, .cc, .cxx	g++
Java	.java	javac + java
Pascal	.pas, .pp, .p	fpc

Some runners require compilers or interpreters to be installed on the computer.