Tiddlywiki

50 %
50 %
Information about Tiddlywiki

Published on January 4, 2008

Author: shantanuo

Source: slideshare.net

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

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

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.

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.

Getting Started Now open the file from where you saved it. Click on 'close all' link on the right. Click on 'new tiddler' on the left. Type the title and then the text. Type tags related to the topic. Click on 'done' to save. You can also create a new journal by clicking on 'new journal' link. You can edit the text of any tiddler by double-clicking on it (or selecting 'edit' from the toolbar) 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 &quot;project todo DD MMM YYYY“ ToDo>>

Now open the file from where you saved it.

Click on 'close all' link on the right.

Click on 'new tiddler' on the left.

Type the title and then the text. Type tags related to the topic. Click on 'done' to save.

You can also create a new journal by clicking on 'new journal' link.

You can edit the text of any tiddler by double-clicking on it (or selecting 'edit' from the toolbar)

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 &quot;project todo DD MMM YYYY“ ToDo>>

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.

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.

Creating and using wiki links New entries can be created by…. Clicking on “new tiddler” link on left Click on italic links within tiddlers (click on bold links to read a linked tiddler) Creating a link within tiddler is very easy using WikiWords Any word with more than one capital letter in it. (For e.g. W ikiwords will NOT create a link but W iki W ords will) Brackets You can also enclose the words in [[ Shantanu Prabhakar Oak ]] to create a link. 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

New entries can be created by….

Clicking on “new tiddler” link on left

Click on italic links within tiddlers (click on bold links to read a linked tiddler)

Creating a link within tiddler is very easy using

WikiWords Any word with more than one capital letter in it. (For e.g. W ikiwords will NOT create a link but W iki W ords will)

Brackets You can also enclose the words in [[ Shantanu Prabhakar Oak ]] to create a link.

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

Wiki Formatting You can create tabs like this… This is an example of a tab: <<tabs txtFavourite All &quot;All tiddlers&quot; HelloThere Tags &quot;Tags in use&quot; LatestStuff >> You can divide a tiddler into ---- sections by typing four dashes on a line by themselves.

You can create tabs like this… This is an example of a tab: <<tabs txtFavourite All &quot;All tiddlers&quot; HelloThere Tags &quot;Tags in use&quot; LatestStuff >>

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

Text Formatting ''Bold'' ==Strike== __Underline__ //Italic// @@highlight@@ @@color(green):green colored@@ Bold Strike Underline Italic Green colored Highlight

''Bold''

==Strike==

__Underline__

//Italic//

@@highlight@@

@@color(green):green colored@@

Bold

Strike

Underline

Italic

Green colored

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

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

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

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

Change main page layout Click on ‘close all’ Goto Tags Click on systemTiddlers and choose open all Title, sub-title and menu bar can be customized here. DefaultTiddlers are the tiddlers shown on start up You can keep the tiddler from displaying in the tab listings or in search results by adding the tags excludeLists and excludeSearch respectively.

Click on ‘close all’

Goto Tags

Click on systemTiddlers and choose open all

Title, sub-title and menu bar can be customized here.

DefaultTiddlers are the tiddlers shown on start up

You can keep the tiddler from displaying in the tab listings or in search results by adding the tags excludeLists and excludeSearch respectively.

untagged macro can be called <<list untagged>> config.macros.list[&quot;untagged&quot;] = {prompt: &quot;Tiddlers that are not tagged&quot;}; config.macros.list.untagged.handler = function(params) { //displayMessage(&quot;Building list of untagged tiddlers&quot;); var results = []; for(var t in store.tiddlers) { var tiddler = store.tiddlers[t]; if(tiddler.getTags() == &quot;&quot;) results.push(t); } results.sort(); return results; }

config.macros.list[&quot;untagged&quot;] = {prompt: &quot;Tiddlers that are not tagged&quot;}; config.macros.list.untagged.handler = function(params) { //displayMessage(&quot;Building list of untagged tiddlers&quot;); var results = []; for(var t in store.tiddlers) { var tiddler = store.tiddlers[t]; if(tiddler.getTags() == &quot;&quot;) results.push(t); } results.sort(); return results; }

Favicon macro version.extensions.favicon = {major: 0, minor: 1, revision: 0, date: new Date(&quot;Jul 18, 2005&quot;)}; var n = document.createElement(&quot;link&quot;); n.rel = &quot;shortcut icon&quot;; n.href = &quot;http://www.tiddlywiki.com/favicon.ico&quot;; document.getElementsByTagName(&quot;head&quot;)[0].appendChild(n);

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

var n = document.createElement(&quot;link&quot;);

n.rel = &quot;shortcut icon&quot;;

n.href = &quot;http://www.tiddlywiki.com/favicon.ico&quot;;

document.getElementsByTagName(&quot;head&quot;)[0].appendChild(n);

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: &quot;No tag cloud created because there are no tags.&quot;, tooltip: &quot;%1 tiddlers tagged with '%0'&quot; }; config.macros.tagCloud.handler = function(place,macroName,params) { var tagCloudWrapper = createTiddlyElement(place,&quot;div&quot;,null,&quot;tagCloud&quot;,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] = &quot;&quot;; } if(tags.length == 0) createTiddlyElement(tagCloudWrapper,&quot;span&quot;,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,&quot;span&quot;,null,null,null); tagCloudWrapper.appendChild(document.createTextNode(&quot; &quot;)); var theTag = createTiddlyButton(tagCloudElement,tags[t][0],this.tooltip.format(tags[t]),onClickTag,&quot;tagCloudtag tagCloud&quot; + (Math.round(tags[t][1]/tagSegment)+1)); theTag.setAttribute(&quot;tag&quot;,tags[t][0]); } }; setStylesheet(&quot;.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;}&quot;,&quot;tagCloudsStyles&quot;);

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: &quot;No tag cloud created because there are no tags.&quot;,

tooltip: &quot;%1 tiddlers tagged with '%0'&quot;

};

config.macros.tagCloud.handler = function(place,macroName,params) {

var tagCloudWrapper = createTiddlyElement(place,&quot;div&quot;,null,&quot;tagCloud&quot;,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] = &quot;&quot;;

}

if(tags.length == 0)

createTiddlyElement(tagCloudWrapper,&quot;span&quot;,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,&quot;span&quot;,null,null,null);

tagCloudWrapper.appendChild(document.createTextNode(&quot; &quot;));

var theTag = createTiddlyButton(tagCloudElement,tags[t][0],this.tooltip.format(tags[t]),onClickTag,&quot;tagCloudtag tagCloud&quot; + (Math.round(tags[t][1]/tagSegment)+1));

theTag.setAttribute(&quot;tag&quot;,tags[t][0]);

}

};

setStylesheet(&quot;.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;}&quot;,&quot;tagCloudsStyles&quot;);

http://www.zrenard.com/tiddlywiki/tiddlywiki.html Reminder Tag Chooser Macro

Reminder

Tag Chooser Macro

Add a comment

Related presentations

Related pages

TiddlyWiki — a non-linear personal web notebook

TiddlyWiki is a rich, interactive tool for manipulating complex data with structure that doesn't easily fit into conventional tools like spreadsheets or ...
Read more

TiddlyWiki – Wikipedia

Charakteristik. TiddlyWiki ist eine kompakte HTML-Datei, welche inklusive des eingebundenen JavaScript-Codes in der Basisversion eine Größe von etwa 400 ...
Read more

TiddlyWiki - <> <>

A PermaLink allows you to open TiddlyWiki with a dedicated tiddler or a set of tiddlers. TiddlyWiki provides two ways to contruct a PermaLink ...
Read more

TiddlyWiki - a reusable non-linear personal web notebook

TiddlyWiki obtains its StartupParameters from the //location// portion of it's URL (the bit after the '#'). At it's simplest, the StartupParameters can ...
Read more

TiddlyWiki 5.1.10 - TiddlyWiki - Download - heise online

Download: TiddlyWiki 5.1.10, kostenlos. Über TiddlyWiki: Realisiert als JavaScript innerhalb einer einzelnen HTML-Datei eine vollständige Wiki-Software ...
Read more

TiddlyWikiHandbuch - Ein deutsches Handbuch für TiddlyWiki.

TiddlyWiki lädt geradezu dazu ein, dass man sich sein eigenes Handbuch zusammenstellt (siehe [[Navigation]]) und ausdruckt (siehe SeitenDrucken) oder in ...
Read more

TiddlyWiki - Wikipedia, the free encyclopedia

Tiddlers. TiddlyWiki content is divided into a series of components called tiddlers. Each tiddler is stored inside an HTML division that contains the ...
Read more

TiddlyWikiThemes - the alternative for tiddlythemes.org

To get started with this blank [[TiddlyWiki]], you'll need to modify the following tiddlers: * [[SiteTitle]] & [[SiteSubtitle]]: The title and subtitle of ...
Read more

TiddlyWiki — a non-linear personal web notebook

{ "tiddlers": { "$:/Acknowledgements": { "title": "$:/Acknowledgements", "type": "text/vnd.tiddlywiki", "text": "TiddlyWiki incorporates code from these ...
Read more

TiddlyWikiDeutsch - eine deutschsprachige Übersetzung von ...

TiddlyWiki wird regelmässig von JeremyRuston, dem Erfinder von TiddlyWiki, und einer Gruppe von weiteren Programmierern und Enthusiasten ergänzt und ...
Read more