1

A TiddlyWiki is…• a ToDo list• A “reminders” list (use macro)• Multiuser Calendar (use macro)• PIM – Personal Information Manager• a draft letter sent for approval• a documentation manager for products, software, etc.• like a blog • a novel medium for writing• a place to store little bits of information, reminders, and notes• a great FAQ page• an internal website• your own personal dictionary/encyclopedia• a simple collaboration software for your organization• the easiest and very powerful tool

2

Download TiddlyWiki

• http://www.tiddlywiki.com/empty.html• Right click on the above link and choose

'Save link as...' or 'Save target as...'.• Create a new directory (for e.g. called

'todo') and the save the file. You can decide what to call it (but keep the .HTML extension). Do not use the File/Save command in your browser to save TiddlyWiki.

3

Getting Started

1. Now open the file from where you saved it.2. Click on 'close all' link on the right.3. Click on 'new tiddler' on the left.4. Type the title and then the text. Type tags related to the

topic. Click on 'done' to save.5. You can also create a new journal by clicking on 'new

journal' link.6. You can edit the text of any tiddler by double-clicking

on it (or selecting 'edit' from the toolbar)7. A new tiddler with tags and date stamp is called

Journal. It can be created either by clicking on ‘new journal link or create it within a tiddler like this…<<newjournal "project todo DD MMM YYYY“ ToDo>>

4

Deleting a post

• To delete a Tiddler, Select the entry from Timeline, choose Edit and then click on delete.

• Do not delete the entries those you have not created since those may be necessary to run the software.

5

Creating and using wiki links• New entries can be created by….1) Clicking on “new tiddler” link on left2) Click on italic links within tiddlers

(click on bold links to read a linked tiddler)• Creating a link within tiddler is very easy using1) WikiWords Any word with more than one capital letter in it. (For

e.g. Wikiwords will NOT create a link but WikiWords will)2) Brackets You can also enclose the words in [[Shantanu Prabhakar

Oak]] to create a link.3) link to something offsite, like the

[[TiddlyWiki Home Page|http://www.tiddlywiki.com]]Add an image[img[Fractal vegetable|fractalveg.jpg]]

• You can disable a wikiword by preceding the WikiWord with a tilde (~). For example, ~JamesBond, ~JavaScript, ~WikiWords

6

Wiki Formatting

• You can create tabs like this…This is an example of a tab:<<tabs txtFavouriteAll "All tiddlers" HelloThereTags "Tags in use" LatestStuff>>

• You can divide a tiddler into----sections by typing four dashes on a line by themselves.

7

Text Formatting

• ''Bold''• ==Strike==• __Underline__• //Italic//• @@highlight@@• @@color(green):gree

n colored@@

• Bold• Strike• Underline• Italic• • Green colored

Highlight

8

Text Blocks• You can also have monospaced blocks (useful for source code):

{{{Dear sir,Here is the complaint I have received from my client.}}}

• Bill Gates said:<<<This is indented text.<<<

• Or you can also use>level 1>>level 2>>>level 3

9

Bullets, Numbers and headers• Creating Bullets

* Just add an asterisk** start the line with two asterisks*** use three asterisks for three levels

• It's easy to create Numbered list# Use a single '#' at the start of each line## within any bullets

• Headers:!Header 1!!Header 2!!!Header 3!!!!Header 4!!!!!Header 5

10

Change main page layout

1. Click on ‘close all’2. Goto Tags3. Click on systemTiddlers and choose open all4. Title, sub-title and menu bar can be

customized here.5. DefaultTiddlers are the tiddlers shown on start

up6. You can keep the tiddler from displaying in the

tab listings or in search results by adding the tags excludeLists and excludeSearch respectively.

11

untagged macro can be called <<list untagged>>

• config.macros.list["untagged"] = {prompt: "Tiddlers that are not tagged"};

config.macros.list.untagged.handler = function(params){//displayMessage("Building list of untagged tiddlers");var results = [];for(var t in store.tiddlers) {var tiddler = store.tiddlers[t];if(tiddler.getTags() == "")results.push(t);}results.sort();return results;}

12

Favicon macro

• version.extensions.favicon = {major: 0, minor: 1, revision: 0, date: new Date("Jul 18, 2005")};

• var n = document.createElement("link");• n.rel = "shortcut icon";• n.href =

"http://www.tiddlywiki.com/favicon.ico";• document.getElementsByTagName("head

")[0].appendChild(n);

13

TagCloud Macro• version.extensions.tagCloud = {major: 1, minor: 0 , revision: 1, date: new Date(2005,8,16)};• //Created by Clint Checketts, contributions by Jonny Leroy and Eric Shulman

• config.macros.tagCloud = {• noTags: "No tag cloud created because there are no tags.",• tooltip: "%1 tiddlers tagged with '%0'"• };

• config.macros.tagCloud.handler = function(place,macroName,params) {• • var tagCloudWrapper = createTiddlyElement(place,"div",null,"tagCloud",null);

• var tags = store.getTags();• for (t=0; t<tags.length; t++) {• for (p=0;p<params.length; p++) if (tags[t][0] == params[p]) tags[t][0] = "";• }

• if(tags.length == 0) • createTiddlyElement(tagCloudWrapper,"span",null,null,this.noTags);• //Findout the maximum number of tags• var mostTags = 0;• for (t=0; t<tags.length; t++) if (tags[t][0].length > 0){• if (tags[t][1] > mostTags) mostTags = tags[t][1];• }• //divide the mostTags into 4 segments for the 4 different tagCloud sizes• var tagSegment = mostTags / 4;

• for (t=0; t<tags.length; t++) if (tags[t][0].length > 0){• var tagCloudElement = createTiddlyElement(tagCloudWrapper,"span",null,null,null);• tagCloudWrapper.appendChild(document.createTextNode(" "));• var theTag = createTiddlyButton(tagCloudElement,tags[t][0],this.tooltip.format(tags[t]),onClickTag,"tagCloudtag tagCloud" + (Math.round(tags[t][1]/tagSegment)+1));• theTag.setAttribute("tag",tags[t][0]);• }• };• setStylesheet(".tagCloud span{height: 1.8em;margin: 3px;}.tagCloud1{font-size: 1.2em;}.tagCloud2{font-size: 1.4em;}.tagCloud3{font-size: 1.6em;}.tagCloud4{font-size:

1.8em;}.tagCloud5{font-size: 1.8em;font-weight: bold;}","tagCloudsStyles");

14

http://www.zrenard.com/tiddlywiki/tiddlywiki.html

• Reminder

• Tag Chooser Macro

•