Simon McManus

Javascript Engineer

Installing CKEditor with standalone TiddlyWiki

I was recently asked how to use CKEditor with a standalone TiddlyWiki. CKEditor is the replacement for FCKEditor. I've been using it for a while in MyDocs (a customisation of TiddlyDocs) but thought I would take this opportunity to document how it can be used in a standalone TiddlyWiki.

First off we need to get all the tiddlers required for CKEditor, the easiest way to do that is to cook the ckeditor vertical recipe.

For your convenience I've uploaded the TiddlyWiki file it produces here.

Now we need to download the CKEditor files, You can download them here.

Finally you just need to change the location set in the MarkupPreHead tiddler so it points to the CKEditor folder you just downloaded. In my case:

If you are using cook you will need to save the MarkupPreHead tiddler from within the TiddlyWiki file for it to be set correctly. I have already done so in the example provided.

You may also want to change the values in the "CKEditorSettings" tiddler.

Save your changes, refresh the browser and that should do it.

Update:

As some folks experienced problems getting this setup I have provided a zip file of the output:
http://simonmcmanus.com/stuff/ckeditor/twCKEditor.zip

June 28th 2010