Wednesday, August 8th, 2007

CodePress: Real-time syntax editor

Category: JavaScript, Utility

We posted about a nice syntax highlighting JavaScript editor awhile back.

Now we also have a “web-based source code editor with syntax highlighting written in JavaScript that colors text in real time while it’s being typed in the browser” named CodePress.

It groks languages such as JavaScript, CSS, PHP, Java, Perl, SQL, and HTML, and it features:

  • Real-time syntax highlighting » just write some code
  • Code snippets » on PHP example type “if” and press [tab]
  • Auto completion » simple type ” or ( or ‘ or [ or { on any example below (except Plain Text)

  • Shortcuts » on PHP example press [ctrl][shift][space]. It’s shortcut to  
  • Multiple windows » you can add multiple CodePress windows to the same page


Posted by Dion Almaer at 1:05 pm

3.8 rating from 34 votes


Comments feed TrackBack URI

this editor is not really brand-new, i use it since several month. there is also a wordpress plugin which adds codepress to the wordpress-theme-editor: (german)

Comment by Florian — August 8, 2007

The SQL highlighting would be a very nice addition to phpMyAdmin

Comment by Steve — August 8, 2007

I’ve also been utilizing this package for several months within a cms/cmf environment, MODx. Codepress integrates nicely as a plugin -> CodePress Plugin for MODx. Another helper in this department worth mentioning is the ItsAllText extension for firefox.

Comment by drew — August 8, 2007

Different approach to real-time syntax highlighting:

Comment by los — August 8, 2007

It is also in use by my file manager, KFM (, where you can create and edit files online using CodePress for syntax highlighting.

I’m surprised CodePress has not been mentioned here before – it is a fantastic piece of work.

Comment by Kae Verens — August 8, 2007

omg you are slow. Codepress has been around for a while.

Comment by Kingsley Joseph — August 8, 2007

I would love to see this implemented in Mephisto, or other CMS/Bloggin platforms.

Comment by Paul — August 8, 2007

To what language is that code sample supposed to belong?
['key': 'value'] doesn’t look like javascript to me.

Comment by henrah — August 9, 2007

this is great… my company posts code on our website and syntax highlighting is a pain. If only it supported C# highlighting.

Comment by waynep — August 9, 2007

Our project used codepress for a few months. I even added a few features. However, I found a far superior editor – EditArea.

We are using it for our ftp editor ->

Comment by Justin Meyer — August 11, 2007

One of advantages of CodePress is ability to add your own language with all features including snippets. Well, it is always possible in Open Source world to extend something but in CodePress it is really easy to do. It took me somewhat about 10 minutes to write and plug extension for groovy language.

Comment by Robert — August 21, 2007

It looks like the project has moved to a new location:

Comment by RichardDavies — December 2, 2009

Leave a comment

You must be logged in to post a comment.