CKEditor Plugin for SyntaxHighlighter

While hacking out this site I decided a "must have" to make this succeed at all was a good rich text editor. And given that I'll probably use this mostly as a blog I thought syntax highlighting for code snippets was a Big Important Thing™.

Well I found CKEditor (3.0 of the popular FCKEditor plugin) and decided it was the rich text editor for me.. the only problem being that there are (read: were) currently no syntax highlighter plugins available. So being the manly man that I am, I decided I'd hack out my own.

In the process I found a plugin for FCKEditor, here, which became my baseline for features required. Anyway, over a few days I hacked it out.. you can see some examples by well creating a ramble and clicking the code button. But so I feel like this page has content here's some previews:

 

Pictured below if the very exciting source code page, with Shoop Da Whoop source code:

 

And here is the advanced settings page:

 

Oh oh and just for some extra love, heres the result:

public class ShoopDaWhoop {
    public static void main(String... args) {
        System.out.println("Notice how the code changed? I didn't.");
    }
}

It's so cool that it rolls back over to being uncool.

Anyway, I've dumped the source etc. up on google code, here.

Thanks to Picasa for hosting the above images (will they even work in the future?), Google Code for letting me host the syntaxhighlight plugin code with only about 5 minutes of work, the cool kid 'Darren' who created the FCKEditor plugin and Alex Goabrbarbneh.. er.. Alex Gorbatchev who created SyntaxHighlighter.

 

I even went to the trouble of not testing it in browsers other than Firefox 3.5 as well, so enjoy all of you IE/Safari/Opera kids.

 

In other news.. christ I really need to make this site easier to add blog style content.. I mean I write like a two year old, but I'm pretty sure I could make this a lot easier.