Browser code editor awesomeness

Give it a whirl...


try the demo


download now


view manual


Github:
github.com/mattpass/ICEcoder

Google Group:
ICEcoder

Twitter:
@mattpass

ICEcoder is completely free and always will be. However, if you find it's useful to you and want to donate, that's much appreciated:

Runs great on...

using browsers...

requires only...

supports these languages...

So, what's ICEcoder?

ICEcoder is a open-source browser code editor which provides a modern approach to building websites by allowing you to code directly within the web browser, online or offline. This, in turn, means you only need one program (your browser), plus can test on actual web servers and after development, maintain the website easily, all of which make for speedy and smart development. Because it can be web based you also can do this from any internet enabled computer with a modern browser and because it's open-source, customise it to your liking, integrating with online services. If you'd like to use it as a desktop code editor, no problems, you only need PHP 5.0+ (though 5.3+ is recommeded), so you can use on Linux and on PC via MAMP or XAMPP and Mac via WAMP (or a PHP installation).

ICEcoder was created because web devs (like myself) always complained their code editor didn't do exactly what they like. They're often bloated with features, slow and awkward. Conversely, ICEcoder is lightweight (under 1mb including all plugins) and boots in seconds (often 1-2s). Oh, and it's also free (and always will be!). Enjoy!

Code editor features

While it looks simplistic on the surface, ICEcoder packs a whole load of features and plugins to make coding slick & efficient.

Some of the best include:

use online or locally
Use it online from wherever you are, but it runs under localhost too as a desktop solution.

broken tag indicators
An indicator shows if you have a broken tag structures and highlights where errors occured.

themes
16 highlighting themes come as standard but you can easily make your own with a CSS file.

find & replace builder
Find and replace can be applied to the current or all open documents, plus filenames & files.

secure login
ICEcoder can be setup wherever you wish and is login secured to help keep your files safe.

type boosters
Plenty of coding assist is available such as Emmet, close tag completion and tag wrappers.

nest display & selection
A nesting display shows your cursor position, hover over them to highlight, click to select.

linting with JS Hint as you type
Your JavaScript code is linted with JS Hint as you type to ensure good coding practises.

manage your MySQL databases
MySQL database management is easy with the Adminer plugin. It's like phpMyAdmin, but better.

What's new in v 2.4

Updates: Python language support, pull remote content from URLs, devMode setting, refocus shortcut, copy & paste multiple items plus bug fixes

Want to try a demo?

If you'd like to take it for a spin, just click the demo button in the top right.

Ready to install ICEcoder?

Installation is as easy as 1, 2, 3...

Step 1: Get ICEcoder
Either download the zip or clone from Github using:
$ git clone git@github:mattpass/ICEcoder

Step 2: Place in your document root (online or local)
Put in a new sub-dir URL such as yourdomain.com/_coder or localhost/_coder
Set write permissions (757 or 775 depending on your system) on the 'backups', 'lib' and 'test' folders plus 'test/test-file1.txt'

Step 3: Start coding
Visit the sub-dir URL in your browser and enter a password
Now you're setup, auto-logged in and ready to code!