If you run into troubles, got a suggestion, or issue, please e-mail editor@webtigerteam.com

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.


WebIDE

WebIDE is an online environment for developing Node.JS, progressive web apps (PWA), websites, etc.

Node.js and databases

WebIDE is a 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

Runs everywhere

JavaScript support

HTML & CSS

Edit files remotely

Additional features

Despite the above features, the editor is pretty fast and light-weight. Total download size is 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 work-flows

For example 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 better then existing editors/IDE's, or what does it do differently !?

It has an incremental parser (runs client side, so works offline) that parses the text/code on every key stroke, which enables stuff like fully automatic code/block indentation.

Relative small footprint if run in the browser: Only 2MB download, and 2-8 MB RAM usage depending on browser

Can run on many browsers: Internet Explorer, Safari, Firefox, Chrome and mobile variants

Supports editing code on a mobile phone (it has a custom virtual keyboard)

Written in simple "vanilla" JavaScript, which makes adding new functionality as easy as editing a static web site, just refresh/reload to see the changes. (if you are working on a plugin, press F7 key to hot reload the plugin without refreshing.)

Why are you not working on something more important, text-editing is a solved problem!?

We think there are room for improvements to make writing code easier and more fun, especially for beginners.

And we want to bring professional tools like source control, and static-site-generation to organisations to help them more efficiently manage, share and collaborate with documents and (public or intranet) web sites.

We think high level programming and web-development have become too complex. We want to make development easier and more simple.

Many people have a computer in their pocket. We want to make it easier to develop using a smartphone.

The web environment and JavaScript allows rapid development and we would like to experiment with stuff like speech-to-text, and visual aids to show which parts of the code does what, what parts are hot, the scope of variables etc.

WebIDE Architecture

WebIDE is made in JavaScript, HTML and CSS. And it use hardware accelerated HTML 2d Canvas for text rendering.

WebIDE's architecture is plugin and event driven, which makes it fun and easy to extend with new features.

Back-end and front-end is separated in order to make everything work in the browser. The back-end is a Node.JS server. And the client (front-end) can be any browser or nw.js

WebIDE has a small core of only a few files. All functionality, even the rendering, is implemented via plugins.
Each plugin is an independent unit and do not depend on, or interfere with other plugins.
Plugins can be hot loaded, so while making a plugin, you can reload the plugin without reloading the editor.

Run WebIDE locally

Skeptical about running the editor in the cloud? You can install the editor on your own workstation or server!

First install nodejs, (sudo apt install nodejs) or download from Node.js website.
With nodejs you should get a program called npm. Open a terminal/command-prompt and type: npm install -g webide.se.
To run the editor type npm start, or if you installed globally (-g flag) webide [path/to/file].
Or if you only want to run the server and open the editor in a browser, type npm run server.



Create an account on webide.se