Tiddlywiki Syntax Highlighter

Ohhh! Awww!

The tiddlywiki implementation of syntaxhighlighter is crucial part of my note taking experience. I do a lot of note taking pertaining to code, and this makes it nice and pretty. I had some trouble finding the correct link to the plugin. The link on tiddlywiki.org/wiki/Syntax_Highlighting was broken, and since it was in japanese, I had difficulty searching the site for the section I needed. Anywho I stumbled across the correct link and fixed it in the tiddlywiki post on syntax highlighting. Well then why am I making this post? Well first off to give a little better install instruction, and a link to the plugin for easy of use ++ link back to original site.

How to install
—————-

Simple Way:

Navigate to your TiddlyWiki & click the backstage link at the upper right, followed by the import button. Paste the URL of my Notes into the URL box: “http://dl.getdropbox.com/u/52078/Notes/Notes.html” followed by the open button.

You will be presented with a long list of tiddlers. You can proceed to scroll down to the bottom and check ‘StyleSheet’, ‘StyleSheetSyntaxHighlighter’ and ‘SyntaxHighlighterPlugin’ followed by the import button.

That should be it, enjoy.

Manual Way:

Download ’syntaxhighlighterplugin.zip’ from:

http://www.coolcode.cn/?action=show&id=310 (look for the link near the top of the page)

or my mirror:

http://dl.getdropbox.com/u/52078/syntaxhighlighterplugin.zip

and extract…

Click the New Tiddler link to the left, and Name the tiddler ‘StyleSheetSyntaxHighlighter’ Navigate to your unzipped archive and cut and paste the contents of ‘SyntaxHighlighter.css’ into your new tiddler.

Navigate to the Shadow tiddler ‘StyleSheet’ and add [[StyleSheetSyntaxHighlighter]]

Add another ‘New Tiddler’ named ‘SyntaxHighlighterPlugin’ and paste the contents of ’shPlugin.js’ into this tiddler, then tag the tiddler with ’systemConfig’

Finish everything up by copying ‘clipboard.swf’ to the directory of your TiddlyWiki…

Enjoy