WebIDE Overview
WebIDE is an online environment for developing Node.JS, progressive web apps, websites, etc. Make a web-site or app, and make it run live in the cloud with one click, without having to download, setup, or configure anything.
Node.js and Databases
WebIDE is an environment where you can run Node.JS code, create databases, and push your creations into production where they run live in the cloud without going to sleep. When you run a Node.js Script, a HTTPS endpoint is automatically created so you can access it from app.user.webide.se. There is also a wwwpub folder where you can put static web content, accessible from user.webide.se.
Self-hostable
Separate backend/frontend lets you run the server on any PC/VPS/server and connect to it from anywhere. The server can be set up for multiple users where each user share the same environment, but get separated isolated work spaces.
Runs Everywhere
You can run the client on any device that has a HTML compatible web browser. WebIDE supports Chromebook's, Smart-phones, tablets, and even smart-TV's and watches. It's possible to run the editor embedded on a web site or locally on your own developer machine.
JavaScript Support
- Incremental JavaScript parsing
- Function list for quick navigation
- Automatic indentation
- Auto-completion and function-argument hinting
- Shows console.log messages inside the editor
- Run Node.JS scripts
- Automatic quote insertion
- Semantic coloring for strings, comments and HTML tags
HTML & CSS Features
- Automatic indentation
- Highlights misspelled CSS rules and missing semicolon
- Auto-close open HTML tag when pressing Tab
- HTML tag coloring inside PHP/JS strings and in JSX
- Autocomplete HTML tags
- Snippets
- Live preview with automatic refresh
- Ctrl-click in preview to go to the CSS-rule
Remote File Editing
- Connect to FTP/FTPS/SFTP servers
- Dropbox
- Google Drive
- VNC support for connecting to GUI based servers and desktops
Additional Features
- Grouped file tabs
- Built in static site generator with scripting capabilities using JavaScript
- Live preview and WYSIYG editing
- Hold down shift and use scroll wheel to change any number
- Zoom out Alt+Z with markdown topics highlighted
- Integrated source control
- Built in virtual keyboard
- Able to run emulators and GUI applications via VNC
- Floating windows that can be moved to different monitors
- Spell checking with multiple languages and camelCase support
- Open files from remote machines via SSH
- Automatically wrap text Ctrl+W
- Modal/modes support for VIM key bindings Ctrl+M
- Print code to PDF file
- Collaborate editing in real-time
- Integrated terminal emulator
- Able to open and edit huge files several GB big
- Simple plugin API using vanilla JavaScript
- Hot loadable plugins without restart
- File explorer Ctrl+E
- Go to any file Ctrl+O
- Automatic CSS refresh in preview mode
- .diff file coloring with double click navigation
- Find Ctrl+F and Find in any file Ctrl+Shift+F
- Function to fork any web site
- Full screen support F11
- Open any Github file by replacing github.com with webide.se/github
- Total download size only 2 MB
Web Site Editor
Possible to edit web sites in what you see is what you get (WYSIWYG) mode, with GUI buttons for preview and publishing using the built in static site generator.
Simple Workflows
When using the built in static site generator together with a software repository, WebIDE will automatically pull new updates from the repo, merge if necessary, and ask the user to write a commit message before publishing.
What Makes WebIDE Different
- Incremental parser that parses text/code on every key stroke for automatic indentation
- Relative small footprint: Only 2MB download, 2-8 MB RAM usage
- Can run on many browsers including Internet Explorer, Safari, Firefox, Chrome and mobile variants
- Supports editing code on mobile phone with custom virtual keyboard
- Written in simple vanilla JavaScript for easy extension
- Plugin and event driven architecture with hot loading support
Run WebIDE Locally
You can install the editor on your own workstation or server. First install nodejs, then type: npm install -g webide.se. To run the editor type npm start, or webide [path/to/file]. Or if you only want to run the server and open the editor in a browser, type npm run server.