Steven Campbell's Lab

February 3, 2011

Web-based CSS/HTML editing made simple

DevelopmentNo comments

I've spent the last two days working on this new project of mine, called Four Organs Editor. It is a very simple, not-multi-purpose tool to format HTML and CSS within the browser. It uses a bit of tricky jQuery and some sneaky Javascript to get the job done, and does it very efficiently and quickly, without a whole lot of extra code.

Four Organs will lead to a bunch of new projects; in the past two days just as many projects utilizing the fundamentals behind Four Organs have sprung up, and I'll be glad to have a hand in both of them.

Of course, there are already editors that do this (JSFiddle is perhaps my favorite), but Four Organs is designed to be much simpler. First of all, it's open source. Second, it's bare-bones, stripped down, and provides only the functions required by definition for an HTML and CSS editor.

It's designed to be completely independent of the page your editing — so long as you stay within the <body> tags.

The source is available on GitHub. For a demo, I point you towards my hosted version of Four Organs Editor.

Share This

there are no comments yet

post a comment

Your email is never published or shared.