Interesting article giving the perspective of someone who has been away from TiddlyWiki for a few years: Way back in the mists of time (actually, January 2009) I wrote about a really cool tool called TiddlyWiki, a “non-linear personal web notebook”. Fast forward to today and I just had an out of body experience: Completely by accident I found a TiddlyWiki that I started when I wrote that piece and it still works! Finding code that works flawlessly after just two or three years is magical enough but after seven years?! And given that TiddlyWiki is written as a single page Web application and considering how different browsers are now than they were in 2009, the fact that the old version of TiddlyWiki still works is not short of miraculous.
A thesis notebook based on TiddlyWiki. This is an example of a thesis notebook powered by TiddlyWiki 5.0.8-beta. TiddlyWiki is a great piece of software created by Jeremy Ruston. It allows you, among other things, to take notes, organize ideas, store information, and display all your stuff the way you want. It is an incredibly flexible tool you can adapt to fit almost all your needs. This TiddlyWiki has been customized to serve as a philosophy notebook centered around authors, books and papers, concepts and theories, and personal notes. I use it along with Zotero, which is a dedicated bibliography software. Both are free, open source projects. TiddlyWiki can be downloaded at https://tiddlywiki.com.
A desktop application for TiddlyWiki, running on Windows. https://lamusia.github.io/#ATWiki TiddlyWiki for Windows. A unique non-linear notebook for capturing, organising and sharing complex information.
buggyj has created several useful plugins, including a WYSIWYG HTML editor, a configurable calendar and tag lists with draggable ordering. A collection of customisations and macros from Danielo Rodriguez. http://braintest.tiddlyspot.com/ This is my personal tiddlywiki file for testing. Here I will post the tools and Macros that I develop for this awesome tool. That way, all the help the comunity gave me can came back to the comunity again.
Task & Delegation Tracking, Meetings & Agenda Items, Project Roles, Progress & Status Updates, Reference Items, Tickler Calendar, Conversation Logging, Book Notes & Library, and More! Cardo is a standalone, browser-based tool that can be used as a simple task manager, or as a complex Project Management system (and indeed, I do use it this way in my daily work) as well as a fully Wiki-ized personal knowledge store. It runs completely independently in the browser, even without an Internet connection, making it possible to carry around on a USB stick, or to use on the morning commute.
An adaptor to enable TiddlyWiki to sync changes with a CouchDB database. https://github.com/wshallum/couchadaptor CouchDB sync adaptor for TiddlyWiki 5. Requires TiddlyWiki >= 5.1.2. Works in limited testing. Not sure how well it handles conflicts.
A guide to creating a baby journal with TiddlyWiki. http://a-penguin-in-redmond.blogspot.co.uk/2014/02/creating-baby-journal-with-tiddlywiki-5.html Keeping a journal about your baby is fun. It allows you to keep track of those events in your baby's life and development that are most important to you, and to tell them in your own words. [...] There are plenty of online services that can help to keep such a diary, but you need to have an internet connection to access them, and you have to trust them to keep your data safe.
A TiddlyWiki plugin for kanban-like organization in the style of Trello™ using boards, lists, and cards. Dynamic Tables is a set of macros that allow you to create tables where the rows are created from tiddlers and the columns from the tiddler fields, or where the columns are created from tiddlers and the rows from their fields. Individual cells can be edited on the fly. Row tables can be sorted by columns and column tables can be sorted by rows. A plugin that allows to encrypt your tiddlers individually Danielo Rodriguez. http://danielorodriguez.com/TW5-EncryptTiddlerPlugin/ Advantages: An extension for Mozilla Firefox that smoothes out some of the friction from TiddlyWiki's built-in HTML5 fallback saver, making it almost as easy to use as TiddlyFox. The workflow is intended to work out of the box, without configuration. https://github.com/pmario/file-backups which contains links to the documentation and introduction video(s). A chrome version is planned! This wiki gives examples for various filters and their use in the list widget http://tobibeer.github.io/tw/filters/#Filter%20Examples This wiki gives examples for various filters and their use in the list widget. A good starting point to understand what filters yield which results also is test-filters.js.
An adaption of the "Ghostwriter" theme for TiddlyWiki. https://ibnishak.github.io/ghostwriter/ Ghostwriter is a popular, minimalist and mobile responsive theme for the blogging platform ghost. This is an adaptation for TiddlyWiki.
Creates bubble maps of Biblical texts. http://giffmex.org/gospels.bubbles.html#Gospels%20Bubbles This TiddlyWiki, which is still under construction, has several features that together make it lightning fast to find passages, types of passages, themes, people, places and images in the New Testament Gospels. The bubblemaps are color-coded overviews of each Gospel. Each type of passage (miracle story, parable, etc) was assigned a color. Bubblemaps allow you to do three things: An adaptation of the TiddlyWiki powered GTD® system formerly known as MonkeyGTD for TiddlyWiki version 5. GSD5 is a Getting-Thing-Done tool for TiddlyWiki5 based off the mGSD classic TiddlyWiki.
A collection of helpers by Thomas Elmiger, among them a tweet button macro, a text-stretch solution, a snippet extraction macro and a tiddler that installs a scroll-to-top button via drag-and-drop. Quick Extensions for TiddlyWiki 5 – […] As I take from the community, I am happy if I can give back. You can use my stuff to do whatever you like, but remember to save a back-up first.
A guide in Russian to creating an online shop with TiddlyWiki. No serverside code is needed, instead orders are handled by Disqus. Tony Ching's quick guide for sharing TiddlyWiki with Google Drive. https://googledrive.com/host/0B51gSXixfJ2Qb0I4R2M4MWJVMlU Anyway your self-contained a non-linear personal web notebook can be hosted on Google Drive, a free cloud service from Google.com. Because TiddlyWiki5 now supports the Stanford Javascript Crypto Library (SJCL), you can encrypt your content from prying eyes (excluding the NSA of course)
An explainer about Twederation, a system of sharing information between TiddlyWiki instances. TWederation is a system for sharing information between participating TiddlyWikis without using a client-server model. The link here points to a tiddler that gives more details. This particular implementation works something like an online forum. On the rest of the site, you can follow discussions by the developers and collaborators occurring within the Twederation "network" itself.
An extensive collection of hints and tips from Jed Carty. http://inmysocks.tiddlyspot.com I made this so that some of my friends with absolutely no coding experience could use some of the better features of TW5 without having to learn much. I am hopefully going to continue updating it as I learn new things. There isn't really anything here that isn't available in plenty of other places, but I figured that since I spent a while putting it together and people keep saying that TW needs more documentation I would post it here.
A step by step guide to running TiddlyWiki on a CentOS Virtual Private Server. http://www.rosehosting.com/blog/install-and-run-tiddlywiki-on-a-centoos-6-vps-using-nginx/ In this tutorial we will guide you through the steps of installing and running TiddlyWiki on a CentOS 6 VPS. We will also install and configure Nginx as a reverse proxy, so you can run TiddlyWiki behind Nginx.
A complete online shop made in TiddlyWiki! A collection of extensions by @malgam http://malsandbox.tiddlyspot.com The "loadnew" plugin provides the JavaScript module $:/plugins/malgam/loadnew/loadnew.js that implements an incremental load command for Tiddlywiki 5. The javascript code is based on the built-in module $:/core/modules/commands/load.js that loads tiddlers from a Tiddlywiki file into a node.js Tiddlywiki instance. This command loads all non-system tiddlers, irrespective of whether they have been modified since last loaded. As a result, all tiddlers in the node.js tiddlers folder will end up with a new modification date. In contrast, the loadnew command only loads tiddlers that either don't already exist in the tiddlers folder, or have a newer modified date than the existing tiddler. With a backup strategy that uses a file system snapshot process to preserve historical versions of tiddlers, the loadnew command minimises the sizes of the resulting snapshots.
Mathcell allows spreadsheet-like abilities in a completely contained TiddlyWiki. http://mathcell.tiddlyspot.com/ Mathcell allows spreadsheet-like abilities in a completely contained TiddlyWiki. Additional abilities allow it work as a general math engine.
A Spanish guide to using TiddlyWiki on Android. http://3palmeras.wordpress.com/2014/11/05/microblogging-con-tiddlywiki/ Tiddlywiki software is prodigious based on javascript which is capable of holding a notepad that can be edited with Internet Explorer or function as a full blog, contained in a single file.
Translation by Google Translate
An adaption of the "Moments" theme for TiddlyWiki. http://tesseractmoments.surge.sh/ Moments is a beautiful free and responsive theme available for wordpress from here: http://www.s5themes.com/theme/moments/. This is an adaptation of the same for TW5 platform. All the design credits goes to the site and the original designer. If TW5 is going to be here for 25 years, might as well suit up.
A terrific demo of drag and drop, pan and zoom, and other sophisticated touch effects. Based on the muuri plugin by Uwe Stuehler. NoteSelf is your personal, private, customizable, Evernote-like experience.
You want cloud? Fine! You don't? Fine too! It's all yours, It's your decision!
Why not be a bit selfish? NoteSelf is the perfect place to store your ideas, notes, thoughts, tips, tricks, recipes...
whatever you want to put into it! NoteSelf will store, index, and make it easily
searchable, so you will find it instantly whenever you need it! You already know and love Evernote, we know it. It is comfortable, it syncs, has search capabilities...
Wow, it's almost perfect, but what about: NoteSelf is built on top of TiddlyWiki, a powerful, free, highly customizable and open-source personal wiki.
We took the best of it, it's powerful customization system, and mixed it with one of the best
embedded databases available, PouchDb, for bringing the synchronization capabilities you need.
A quick guide to using TiddlyWiki (written in German) http://michaelsonntag.net/notizen-mit-tiddlywiki-systemuebergreifend-nutzen Those using multiple different computer platforms (if only PC and Android) knows for certain: You would like to sync notes across computers and thereby be independent of any apps or services. I am concerned at any rate so and so I am constantly looking for the perfect solution. With TiddlyWiki I found it mostly. As the name suggests, it TiddlyWiki is a Wikisystem. In contrast to all other wikis, TiddlyWiki is a single HTML file that runs in the browser and thus can be used on all modern operating systems. And because there is only one file, it can be very easily via the well-known cloud services (Dropbox, Google Drive, ownCloud) or synchronized with FTP or used on a USB stick.
(Translation from German by Google Translate)
A fast Forth interpreter for the Commodore PET, written in 6502 assembly language. The TiddlyWiki containing program documentation is automatically generated from the source code: see https://github.com/chitselb/pettil. http://chitselb.com/files/tiddlypettil.html Objectives of the project are, in no particular order: An extension for Google Chrome and Mozilla Firefox that smoothes out some of the friction from TiddlyWiki's built-in HTML5 fallback saver, making it almost as easy to use as TiddlyFox once it is set up correctly. Detailed description of setting up TiddlyWiki on Node.js on OS X. http://undefinedvalue.com/2015/04/02/setting-personal-tiddlywiki-server-os-x For a new job, I decided to set up a personal wiki to keep notes. I wanted to keep it simple, meeting these requirements: After looking at the options, I settled on TiddlyWiki. I've used "classic TiddlyWiki" before, and liked its simplicity, but I was always a little annoyed with the weird steps you have to go through to save changes. The new version of TiddlyWiki includes support for running it as a real HTTP server, so you can use it just like an online wiki. But it took me a couple of hours to figure out how to set that up. The TiddlyWiki documentation is not clear ("not clear" is a euphemistic way of saying "terrible"). So, I've written up these instructions in the hope it will spare somebody else all the frustration I had.
A gamers guide to using TiddlyWiki. http://helugame.wordpress.com/2013/09/07/shining-ark-7-using-tiddlywiki/ I’ve been using TiddlyWiki for this game mainly to record the monsters’ locations and the items that they drop. This is so that when I need a certain item to upgrade/create weapons, I can quickly look it up; which monsters drop it and which quests have those monsters. As I play the game, as I encounter new information, I just input them into my Shining Ark TiddlyWiki. It’s like I’m building a wiki from scratch. The reason why I don’t just use online wikis is that 1) it’s too easy to get spoiled and 2) sometimes online wikis provide too much information (who cares about the non-gameplay related descriptions that can be found in the game, etc).
A collection of plugins by Stephen Kimmel, including a number of additional editor toolbar buttons. http://skplugins.tiddlyspot.com/ In keeping with the general spirit of the TiddlyWiki community, ie, you develop something useful and/or potentially interesting you share it with others, I'm sharing some of the plugins I've developed to go with the new Editor Toolbar. You'll find them and a more extensive discussion of what each does at http://skplugins.tiddlyspot.com/
Slides and Stories is a repository of the tools to optimize TW for scientific research and for presenting and publishing results. http://slidesnstories.tiddlyspot.com ...is a tool to save and reload sets of Tiddlers. This is already working, The aim is to develop a mechanism to transform these into instant slideshows. is a tool which gives you the possibility to attach and show specific information in tabs at the bottom of each Tiddler: ideas, notes, tasks, stories and presentations, comments, annotations and footnotes. An enormous collection of tips beautifully curated by Tobias Beer. It is actually a collection of sites, with sub-sites dedicated to topics such as filtering (http://tobibeer.github.io/tw/filters/). http://tobibeer.github.io/tb5/ A collection of references and sandbox for testing concepts around TiddlyWiki 5...
A Kanban implementation for TiddlyWiki with a familiar look and feel (see the demo). https://ibnishak.github.io/Tesseract/projects/tekan/Tekan.html This is Tekan, a TW based kanban. The easiest way to know tekan is to use it. So let us begin, shall we?
TiddlyServer is a special purpose Desktop app, designed to facilitate managing multiple instances of TiddlyWiki running as a server. It does not require internet acess to access the wikis. https://github.com/mklauber/TiddlyServer/releases/ TiddlyServer can import both TiddlyWiki files and TiddlyFolder wikis. For each wiki, you specify a prefix to serve it with and the source to import from. It will copy the wikis to its own internal store and begin serving them up at http://localhost:8080/{prefix}/. The export button for each wiki will convert it to a single file wiki. Reaction to TiddlyWiki5 from the translator of the German edition of TiddlyWikiClassic. http://blog.netplanet.org/2014/01/03/tiddlywiki-5-im-betatest/ There is little software that can still inspire me so even after years, as on the first day. This includes TiddlyWiki, the "pocket-wiki". The latter is because the Wiki completely fits into an HTML file, and this HTML file brings everything - JavaScript program logic, CSS appearance and the entire Wiki content as stored records. So a TiddlyWiki file is then sometimes happy times some megabytes in size, but just has the unbeatable advantage that it works just as fast file created locally in a variety of browsers.
(Translation from German by Google Translate)
An early release of an edition of TiddlyWiki customised for rigorous, academic notetaking. http://tw5.scholars.tiddlyspot.com/ TiddlyWiki for Scholars is a personal customization of TiddlyWiki 5.0.13-beta I made for note-taking from readings, but it can be useful for other purposes. The idea behind this adaptation is to show and to allow creating relevant data related to the current tiddler without leaving the tiddler.
A collection of tips and guides in French, introduced by this blog post: http://sylvain.naud.in/post/2014/10/29/Ressources-pour-TiddlyWiki-5-%28FR%29 Ce guide de prise en main de TiddlyWiki vous permettra de débuter sur ce logiciel : rédiger du texte avec la syntaxe wiki, insérer des images, créer des Tiddler, faire une recherche, ajouter des fonctionnalités, et bien d'autres choses.. Bonne lecture ! Sylvain
A Knowledge Network about TiddlyWiki. http://confocal-manawatu.pbworks.com/w/page/113574373/TiddlyWiki Interconnected with the visual taxonomy at every node:
http://debategraph.org/Stream.aspx?nid=457381&vt=bubble&dc=focus TWKN will be transferred into TWederation/TiddlyMap format as soon as I am convinced in reliable and secure versioning and multi-user operation in TW format.
Your assistance and support would be highly appreciated.
Notes and tips by a developer working on writing TiddlyWiki plugins – including TWExe, a widget for running Windows scripts and executables. A collection of articles covering integration with Fargo, Font Awesome and Google Calendar, and tips for managing task lists. http://blog.jeffreykishner.com/tiddlywiki/ I have become a regular user of TiddlyWiki and have become so accustomed to using Font Awesome icons in Fargo that I wanted to incorporate the icons into my wikis as well.
Dutch blog post about TiddlyWiki https://breinbout.wordpress.com/2014/11/26/tiddlywiki/ I'm allergic to websites that are highly dependent on JavaScript. I think that JavaScript has many useful applications to add functionality to a site, but content needs to be visible if JavaScript is switched off. I use the NoScript extension for Firefox and surf with pleasure over the Internet without spontaneous things happen that I do not give permission. I love JavaScript on a short leash. More crazier maybe I'm so excited about TiddlyWiki.
(Translation from Dutch by Google Translate)
An extensive collection of tips and resources for users of TiddlyWiki in Japanese. http://bacchus.ivory.ne.jp/bourbon/ TiddlyWikiをHTML5にしたTiddlyWiki5が正式にリリースされました。このTiddlyWiki5の使い方について、自分で試した機能を中心に解説します。 TiddlyWiki5は、非常に多機能なローカルWikiです。このブログに書いてあることは、TiddlyWiki5で出来ることのごく一部です。
Chris Hunt's detailed developer tutorials for getting started with writing widgets for TiddlyWiki. These pages document aspects TiddlyWiki5 programming, sharing "lessons learned" to help developers to get started with TiddlyWiki5 customization and extension. There are currently two articles in this wiki: A TiddlyWiki5 forum on Reddit. https://www.reddit.com/r/TiddlyWiki5/ A TiddlyWiki5 forum on Reddit. As of 2016, it claims to have the most up-to-date list of plugins available for TW5.
Huge collection of customisations and tweaks from Ton Gerner. http://tongerner.tiddlyspot.com/ I am a longtime user of TiddlyWiki Classic and still use it daily since you can't do everything in TiddlyWiki 5 (yet) ;) I started experimenting with TW5 at the end of September 2013 (alpha10).
Since I missed a few things in the layout I got used to in TiddlyWiki Classic 1, I started with modifying the layout of TW5.
To share my knowledge, I made a few guides about these 'modifications'.
The guides started as a non-linear personal web notebook (yeah, the subtitle of TiddlyWiki!). I started experimenting with layout things and used TW5 to document my experiments.
A wealth of hints, tips and notes about using TiddlyWiki on Node.js: http://larigot.avarts.ionio.gr/users/iani/wikis/tw5square.html TiddlyWiki is different from other wikis because of its principle of dynamically customizeable "storyline" based on tiddlers as basic units of information. That is, the user "composes" their own version of the webpage by clicking on tiddler links, which add tiddlers to the page in order to compose a storyline. The Node.js implementation in TiddlyWiki5 adds all the advantages of flat-file markup language based type of site. This makes TiddlyWiki an excellent alternative to flat-file based CMS/webpage/blog authoring systems for the web. Also very cool is the treatment of tags as menus everywhere.
Stephan Hradek's growing catalogue of tips, tutorials, and other resources. Stephan has also developed several plugins and macros that you can find at http://tiddlystuff.tiddlyspot.com/. http://tw5magick.tiddlyspot.com/ Some things in TiddlyWiki seem like Magic. As my preferred nick is Skeeve, I felt that TW5 Magick is a proper name for this collection of some of the "magic" tricks one can do with TiddlyWiki.
Tips and guides for using TiddlyWiki. http://dl.dropboxusercontent.com/u/118970/wiki/tw5tribalknowledge.html I never used Node.js until a couple weeks ago when I wanted to try a TW5 installation on Node and expand my knowledge a bit. I figured someone else may be in the same boat so I wrote it all down
An alternative LaTeX plugin for TiddlyWiki5. It supports a wider set of LaTeX commands than KaTeX, though not as extensive as MathJax http://tw5-texzilla.tiddlyspot.com This plugin provides LaTeX support in TiddlyWiki5, using the TeXZilla latex parser to generate MathML. Only Firefox and Safari support MathML at the moment, so the plugin is only useful if you're using one of these browsers. It might be possible to combine this plugin with MathJax to convert MathML to something that other browsers can understand, e.g. HTML+CSS, but I haven't tried this.
A collection of TiddlyWiki resources from Mario Pietsch, with a focus on cloud deployments. Mario also maintains the German translation of TiddlyWiki. My name is Mario Pietsch from Austria. I'm living near Salzburg. This page, will be the portal to my TiddlyWiki, TiddlyWeb related content.
A guide (in French) to using TiddlyWiki on the BiblioBox, a variation of the PirateBox mobile communication and file sharing system. http://bibliobox.net/blog/post/2014/07/16/un-wiki-sur-votre-bibliobox-avec-tiddlywiki I've known TiddlyWiki since its beginning in 2004. For personal or professional needs, I used it regularly for notepad staff in 2007 and 2012. But I admit I ignored the tool during the past two years. And then I said yesterday: but why not put TiddlyWiki on a BiblioBox? Because it is a single HTML file with javascript. In addition I knew the existence of a server version for saving online amendments.
Hand optimised from a translation by Google Translate
A collection of references for testing concepts around TiddlyWiki 5... This is PMario's playground with ramblings about TiddlyWiki and related stuff. It basically is a "jump off" page to various TiddlyWiki sites, that show editions, themes and plugins.
Matabele's stylish and clean system for personal task management. This is my work in progress version of TW5, incorporating various features and ideas as and when they intrigue me. To grab any feature you may wish to try, drag the listed tiddlers across to the dropzone of an empty TiddlyWiki 5.0.10-beta
An experiment to embed interactive 3D graphics within TiddlyWiki by Jamal Wills. It is based X3DOM, an open source JavaScript library. TiddlyWiki is an incredibly flexible and versatile tool that is conceived and constructed differently than most software. This can make it hard to understand until the moment when it clicks, and becomes a seamless extension of your brain. Starting with the basics, TiddlyWiki is a note-taking web application you can download for free, store wherever you like and customise however you wish. Use it to capture, organise and share your notes in ways that word processors and other note-taking tools cannot. TiddlyWiki is designed to be non-linear, structuring content with stories, tags, hyperlinks, and other features. You can organise and retrieve your notes in ways that conform to your personal thought patterns, rather than feel chained to one preset organisational structure. You can use TiddlyWiki as a single file that you view and edit through any web browser, whether you are online or offline. Or you can use it as a powerful Node.js application that stores each of your notes as a separate file. How can you make TiddlyWiki work for you? We recommend you start with our introductory documentation listed below, and then browse the TableOfContents, available in the Contents tab in the sidebar. Or just follow our simple instructions and try it out for yourself! A plugin to integrate the Ace editor into TiddlyWiki. Being quite new to TW5 development I tried my best to draft a SyncAdaptor to store tiddlers in IndexedDb. This is quite useful if an application / plugin installation is not possible (we have quite some restrictions at work...).
TiddlyWiki wouldn't be possible without the ongoing support of the TiddlyWiki Community. Their attention and feedback has made it possible to gain an understanding of what is wanted from the product, and their passion for it has taught me that it is worth the investment. TiddlyWiki incorporates code from these fine OpenSource projects: And media from these projects: The action-createtiddler widget is an action widget that creates new tiddlers. ActionWidgets are used within triggering widgets such as the ButtonWidget. There are several differences from the tm-new-tiddler message: The action-createtiddler widget is invisible. Any content within it is ignored. That renders as: New button caption:
The action-deletefield widget is an action widget that deletes specified fields of a tiddler. ActionWidgets are used within triggering widgets such as the ButtonWidget. The action-deletefield widget is invisible. Any content within it is ignored. Here is an example of a button that deletes the caption and tags fields of the current tiddler: That renders as:
Here is an example of a button that deletes the modified date and tags fields of the tiddler HelloThere: That renders as:
Here is an example of a button that uses the optional $field attribute to delete the text field of the tiddler HelloThere: That renders as:
The action-deletetiddler widget is an action widget that deletes tiddlers. ActionWidgets are used within triggering widgets such as the ButtonWidget. There are several differences compared to the WidgetMessage: tm-delete-tiddler: The action-deletetiddler widget is invisible. Any content within it is ignored. Here is an example of a button that deletes the tiddler HelloThere: That renders as:
Here is an example of a button that deletes all tiddlers tagged TableOfContents: That renders as:
The action-listops widget is an action widget that manipulates user lists in any field or data index. ActionWidgets are used within triggering widgets such as the ButtonWidget. The action-listops widget is invisible. Any content within it is ignored. A number of extended filter operators are necessary for the manipulation of lists. These operators have been designed primarily for use in subfilter expressions whereby the modified current list is returned in place of the current list. In this example we shall populate and then clear a list in an ordinary field (myfield) of this tiddler (the default.) That renders as:
In this example we shall append and remove items from a list in an ordinary field (myfield) of this tiddler (the default) and sort the resultant list. We shall then remove some of the appended items and sort the resulting list in reverse order. That renders as:
In this example we shall append a few tags to the 'tags' field of this tiddler (the default.) We shall then remove some of the appended tags. That renders as:
The action-navigate widget is an action widget that sends a tm-navigate message back up the widget tree. ActionWidgets are used within triggering widgets such as the ButtonWidget. The action-navigate widget is invisible. Any content within it is ignored. The optional Note that if navigating to multiple tiddlers at once you should use the same Here is an example of button that navigates to two different tiddlers at once: That renders as:
The action-sendmessage widget is an action widget that sends a message back up the widget tree. ActionWidgets are used within triggering widgets such as the ButtonWidget. The action-sendmessage widget is invisible. Any content within it is ignored. Here is an example of button that displays both a notification and a wizard, and creates a new tiddler with tags and text: That renders as:
The action-setfield widget is an action widget that assigns values to the fields of a tiddler. ActionWidgets are used within triggering widgets such as the ButtonWidget. The action-setfield widget is invisible. Any content within it is ignored. Here is an example of a pair of buttons that open the control panel directly to specified tabs. They work by using action-setfield to set the state tiddler for the control panel tabs. That renders as:
Here is an example of a button that assigns tags and fields to the tiddler HelloThere, and then navigates to it and opens the tiddler info panel on the "Fields" tab: That renders as:
Here is an example of a button that assigns tags and fields to the tiddler HelloThere, and then initiates editing it: That renders as:
Here is an example of a button that opens the control panel directly to the "Appearance" tabs: That renders as:
Within the action string of the DroppableWidget, the actionTiddler variable contains the title of the tiddler being dropped.
Action widgets are a special type of widget that have no visual appearance but perform an action when triggered (such as sending a message, navigating to a tiddler, or changing the value of a tiddler). Action widgets are used in association with other widgets that trigger those actions (for example, the ButtonWidget). The following action widgets are provided: There are two ways to use action widgets: The action widgets are passed as a string to the The action widgets need not be immediate children of their triggering widget, but they must be descendents of it. The actions are performed in sequence. Here is the above example rewritten to use embedding: A customisable table of contents can be added to the sidebar with the following steps: Add entries to the table of contents by creating tiddlers tagged TableOfContents. An easy way is to choose new here from the tiddler toolbar. To create sub-entries, tag them with the name of the parent entry.
Here's a macro that provides a Twitter Follow button for a particular username: The only change from the version published at https://dev.twitter.com/docs/follow-button is that new lines have been removed. Note that the src URL is given without a protocol (ie "http" or "https"). It's done this way so that it works on sites whether they are hosted on a HTTP or HTTPS domain. If you want the Twitter button to work while using a TiddlyWiki offline on a "file://" URL, then you'll need to manually add the protocol. For example: As the structures within your TiddlyWiki documents get more complex it can be hard to keep the titles of tiddlers consistent. For example, should terms be defined in the plural or the singular? Camel case or separate words? Recording a formal titling policy can help to reduce confusion. For example, the titling policies for this wiki are recorded in the Documentation Style Guide. A useful convention is to use the prefix If These examples make use of the Days of the Week tiddler. The Thursday tiddler shows a further example. Alerts are displayed as yellow boxes overlaying the main TiddlyWiki window. Each one corresponds to a tiddler with the tag $:/tags/Alert. Clicking the delete icon on an alert deletes the corresponding tiddler. Here's a demo . Alert tiddlers should have the following fields: The parameter specifies zero or more fundamental categories using the following syntax: If the parameter specifies more than one category, they are processed from left to right. The overall output is initially empty, and each category's output is dominantly appended to it in turn. Unrecognised categories contribute nothing to the output. As a special case, if the parameter is empty, the output is simply a copy of the input. This can be useful when the parameter is soft. The These examples make use of the Days of the Week tiddler. These examples make use of the Days of the Week tiddler. Current tiddlers: Here are the details of the alpha releases of TiddlyWiki5. See TiddlyWiki5 Versioning for details of how releases are named. Released 6th December 2013 at 17:53 See GitHub for detailed change history of this release The Amazon Web Services Plugin provides several tools for working with Amazon Web Services: These examples make use of the Days of the Week tiddler. Here are some recent articles written about TiddlyWiki. Submit new articles via GitHub, Twitter or by posting in the TiddlyWiki Groups. Interesting article giving the perspective of someone who has been away from TiddlyWiki for a few years: Way back in the mists of time (actually, January 2009) I wrote about a really cool tool called TiddlyWiki, a “non-linear personal web notebook”. Fast forward to today and I just had an out of body experience: Completely by accident I found a TiddlyWiki that I started when I wrote that piece and it still works! Finding code that works flawlessly after just two or three years is magical enough but after seven years?! And given that TiddlyWiki is written as a single page Web application and considering how different browsers are now than they were in 2009, the fact that the old version of TiddlyWiki still works is not short of miraculous.
Detailed description of setting up TiddlyWiki on Node.js on OS X. http://undefinedvalue.com/2015/04/02/setting-personal-tiddlywiki-server-os-x For a new job, I decided to set up a personal wiki to keep notes. I wanted to keep it simple, meeting these requirements: After looking at the options, I settled on TiddlyWiki. I've used "classic TiddlyWiki" before, and liked its simplicity, but I was always a little annoyed with the weird steps you have to go through to save changes. The new version of TiddlyWiki includes support for running it as a real HTTP server, so you can use it just like an online wiki. But it took me a couple of hours to figure out how to set that up. The TiddlyWiki documentation is not clear ("not clear" is a euphemistic way of saying "terrible"). So, I've written up these instructions in the hope it will spare somebody else all the frustration I had.
Dutch blog post about TiddlyWiki https://breinbout.wordpress.com/2014/11/26/tiddlywiki/ I'm allergic to websites that are highly dependent on JavaScript. I think that JavaScript has many useful applications to add functionality to a site, but content needs to be visible if JavaScript is switched off. I use the NoScript extension for Firefox and surf with pleasure over the Internet without spontaneous things happen that I do not give permission. I love JavaScript on a short leash. More crazier maybe I'm so excited about TiddlyWiki.
(Translation from Dutch by Google Translate)
A quick guide to using TiddlyWiki (written in German) http://michaelsonntag.net/notizen-mit-tiddlywiki-systemuebergreifend-nutzen Those using multiple different computer platforms (if only PC and Android) knows for certain: You would like to sync notes across computers and thereby be independent of any apps or services. I am concerned at any rate so and so I am constantly looking for the perfect solution. With TiddlyWiki I found it mostly. As the name suggests, it TiddlyWiki is a Wikisystem. In contrast to all other wikis, TiddlyWiki is a single HTML file that runs in the browser and thus can be used on all modern operating systems. And because there is only one file, it can be very easily via the well-known cloud services (Dropbox, Google Drive, ownCloud) or synchronized with FTP or used on a USB stick.
(Translation from German by Google Translate)
Reaction to TiddlyWiki5 from the translator of the German edition of TiddlyWikiClassic. http://blog.netplanet.org/2014/01/03/tiddlywiki-5-im-betatest/ There is little software that can still inspire me so even after years, as on the first day. This includes TiddlyWiki, the "pocket-wiki". The latter is because the Wiki completely fits into an HTML file, and this HTML file brings everything - JavaScript program logic, CSS appearance and the entire Wiki content as stored records. So a TiddlyWiki file is then sometimes happy times some megabytes in size, but just has the unbeatable advantage that it works just as fast file created locally in a variety of browsers.
(Translation from German by Google Translate)
Learn more at: Attribute selectors - CSS or CSS-Specification Audio files can be incorporated into TiddlyWiki in a very similar way to images. Small audio files can be embedded directly within TiddlyWiki. Embedding isn't suitable for large files (over a few hundred kilobytes) because it increases the size of the TiddlyWiki file. For example, the tiddler TiddlyWiki.mp3 contains an MP3 recording of the word "TiddlyWiki". If you visit that tiddler, you should see an audio player that will play back the recording. You can also transclude audio files. For example: That renders as: External audio tiddlers use the _canonical_uri field to point to an external audio file/stream, and have their text field blocked. This reduces their size considerably, but still allows for playback. For example, the tiddler Caruso - Ave Maria points to an online audio recording hosted on http://archive.org: That renders as: If there is a SaverModule available that supports it, TiddlyWiki will automatically trigger a save of the current document on clicking ok or delete when editing a tiddler. You should see a yellow notification at the top right of the window to confirm that an automatic save has taken place. Automatic saving can be enabled or disabled through the Settings tab of the control panel . Behind the scenes, it is controlled through the configuration tiddler $:/config/AutoSave, which must have the value yes to enable automatic saving.
Each input title is processed in turn. The corresponding tiddler's list of backlinks is generated, sorted alphabetically by title, and then dominantly appended to the operator's overall output. From Beaker Browser website: Beaker is a Peer-to-Peer Web Browser, made for users to run applications independently of hosts. Using P2P Hypermedia, Beaker separates frontend apps from backend services, so that users are completely in control of their software and data. Read more. Beaker is a fork of the open source Chromium browser (which is the core engine powering Google's Chrome browser). Beaker adds the ability to host sites within the browser, and browse to those sites via the Further, you can opt to host a site belonging to somebody else, forming part of a Bittorrent-like swarm of peers serving the content to other browsers. You can also fork a site, making your own copy that you can change as you need. The main disadvantage is that mainstream browsers cannot use Most of the magic is accomplished by the underlying Dat protocol. New in: 5.1.14 TiddlyWiki incorporates a special saver module permitting changes to be saved directly from Beaker browser. See Saving on Beaker Browser for instructions. If These examples make use of the Days of the Week tiddler. The Thursday tiddler shows a further example. Here are the details of the beta releases of TiddlyWiki5. See TiddlyWiki5 Versioning for details of how releases are named. Released 17th September 2014 at 22:10 See GitHub for detailed change history of this release This is a minor release prior to the full release of TiddlyWiki on September 20th. The documentation has been cleaned up and improved (with more improvements to come). The layout of files on tiddlywiki.com has been adjusted to make it more logical. See the ticket for a discussion. You can see the source files that make up tiddlywiki.com at https://github.com/Jermolene/jermolene.github.com @Jermolene would like to thank the contributors to this release who have generously given their time to help improve TiddlyWiki: There are two ways to produce HTML block quotes in TiddlyWiki5, one for content spread across multiple lines, and one for single line content. The syntax for multi-line block quotes () is: That renders as: This is a block quoted paragraph
written in English
... and the underlying HTML is: A citation can be added to the quote like this: That renders as: Computers are like a bicycle for our minds
... and the underlying HTML is: CSS classes can be added to a block quote: That renders as: Operating systems are like a brick wall for our minds
... and the underlying HTML is: The core includes the class That renders as: A dramatic quote
... and the underlying HTML is: The single-line syntax for block quotes is actually an extension of the syntax for Lists in WikiText. For example: That renders as: Quoted text Another line of quoted text ... and the underlying HTML is: You can also nest quotes like this: Which renders as: A top quote A subquote Another top quote You can also mix block quotes with other list items. For example: That renders as: A quote Another quote ... and the underlying HTML is: The Blog edition of TiddlyWiki contains tools to help publish static HTML blogs written in TiddlyWiki. It is currently designed for use under Node.js. While documentation is being prepared, see https://github.com/Jermolene-blog/blog for an example of use.
TiddlyWiki is designed to work with HTML5-compatible browsers. The following table summarises the browser versions that are known to work with TiddlyWiki The browse widget displays an HTML file browser button that allows the user to choose one or more files to import. It sends a WidgetMessage: tm-import-tiddlers carrying a JSON representation of the tiddlers imported from the files up through its parents. This message is usually handled by the NavigatorWidget which adds the tiddlers to the store and updates the story to display them. The content of the On iPhone/iPad choosing the multiple option will remove the ability to take photographs/videos directly into TiddlyWiki. e.g. renders as: BT (née British Telecom) is the UK's largest telecommunications company. In 2007, Osmosoft was acquired by BT. JeremyRuston subsequently left BT in 2011.
Build the specified build targets for the current wiki. If no build targets are specified then all available targets will be built. Build targets are defined in the See TiddlyWikiFolders for details of defining build targets.
TiddlyWiki5 can be used to build older 2.x.x versions of TiddlyWikiClassic from their constituent components. Doing so involves these features: TiddlyWikiClassic is built from the command line by running TiddlyWiki on Node.js. A typical usage would be: These examples make use of the Days of the Week tiddler. The button widget displays an HTML The integrated actions are provided as a shortcut for invoking common actions. The same functionality is available via ActionWidgets, with the exception of the support for highlighting selected popups. The content of the Note: In almost all other cases where a TextReference is used as a widget attribute, it will be placed between curly brackets, to transclude the value currently stored there. However, when we use a TextReference as the value of a button widget's Tip: Set class to CSS is a standard plain-text format used for defining the presentational style of the various elements on a web page.
The changecount macro returns the number of times the current tiddler has been created, stored or deleted during the current TiddlyWiki session. If a tiddler is deleted and subsequently recreated, its (none) The value will increase if you edit this tiddler and store it again, even without making any changes to its content. To access the The value shown will increase whenever you create, store or delete New Tiddler.
This release resolves a number of inconsistencies with the way that filters are handled. The changes mean that existing filters may need to be updated - particularly those that must deal with missing or shadow tiddlers. Most filter operators act by choosing some or all of their source titles to pass through or re-order. Those that add new entries that are not drawn from the source list are referred to as selectors. Prior to 5.0.9-beta, a few filter operators were inconsistent in whether they filtered from the source list or selected new entries into it. The specific changes are: The sources for the all operator can be combined with the Previously, it was common to have In 5.0.9, that filter has been changed to: Note how the all operator allows operations to be performed on tiddlers from combinations of sources. One result of the changes is that The solution is generally to use There are minor changes to the way that the title and field operators work. The title operator is a selector: it returns the specified title regardless of whether it is in the current source. title is used as the default operator if none is specified The field operator is a filter: it only returns a subset of the source tiddlers. field is used as the default operator if the supplied operator is not defined (the supplied operator is passed as the suffix to the field operator, so The checkbox widget displays an HTML The content of the Using the checkbox widget in tag mode requires the tag attribute to specify the name of the tag. The tiddler attribute specifies the tiddler to target, defaulting to the current tiddler if not present. This example creates a checkbox that flips the done tag on the current tiddler: That renders as:
Using the checkbox widget in field mode requires the field attribute to specify the name of the field. The checked and unchecked attributes specify the values to be assigned to the field to correspond to its checked and unchecked states respectively. The default attribute is used as a fallback value if the field is not defined. This example creates a checkbox that is checked if the field status is equal to open and unchecked if the field is equal to closed. If the field is undefined then it defaults to closed, meaning that the checkbox will be unchecked if the status field is missing. That renders as: To use the checkbox widget in index mode set the index attribute to the index of a DataTiddler. The checked and unchecked attributes specify the values to be assigned to the index and correspond to its checked and unchecked states respectively. The default attribute is used as a fallback value if the index is undefined. The example below creates a checkbox that is checked if the index by the name of this tiddler in the tiddler ExampleData is equal to selected and unchecked if the index is an empty string. If the index is undefined then it defaults to an empty string, meaning the checkbox will be unchecked if the index is missing. That renders as:
This example of using the The Set Widget uses a filter value to set the value of variable It is often necessary to use triple quotes with the That renders as:
You can use triple backticks Renders as: To be interpreted correctly, the three backticks need to be at the start of the line and immediately followed by a line-break. Be aware that any preceding paragraph content should be properly terminated with a double line break, too. So, this example is wrong: The correct version is: Note that some keyboard layouts treat the backtick as a dead key, making it hard to type. The trick is to type three backticks followed by a space. Alternatively, type all six backticks in one go, then a space, and then move the cursor back three characters to type or paste the content. The codeblock widget renders text in The content of the The Here is an example embedding the contents of a tiddler as a code block. That renders as: A codeblock may also specify a language. That renders as: The CodeMirror plugin adds a sophisticated web-based editor to TiddlyWiki. See https://tiddlywiki.com/plugins/tiddlywiki/codemirror/ for the latest official release, or https://tiddlywiki.com/prerelease/plugins/tiddlywiki/codemirror/ for the latest prerelease.
The colour (or color) macro returns the CSS value of one the colours in the current palette. If no such entry exists in the current palette, the vanilla palette is used instead. A colour palette is a data tiddler that supplies a CSS colour value, such as yellow or #fe0, for each of several colour names, like this: Several palettes form part of the core. The system tiddler $:/palette always contains the title of the currently selected palette tiddler. You can change a palette using the palette button, found on the "Tools" tab in the sidebar. To retrieve the value of a named colour from the current palette, e.g. for use in a stylesheet tiddler, use the Palette tiddlers should have the following fields: CSV is a standard plain-text format for storing a table of data. Each row of the table is called a record and occupies one line. The columns are called fields. Each field of a row is separated from the next by a comma, and is often delimited by quotation marks. The A command is one of the following words, written with a Here we gather the latest and most useful material from the TiddlyWiki community. The latest news, articles, resources and examples. TiddlyWiki5 Packaged with the multi-user plugin in a single executable file. https://github.com/OokTech/TW5-SingleExecutable Tiddlywiki, node js, multiuser plugin - all packaged into a single file so user can just download the file and run it and not have to install anything else. Versions available for windows, osx, and linux.
A cross platform server application that can save tiddlers to a local database https://github.com/opennota/widdly a minimal self-hosted app, written in Go, that can serve as a backend for a personal TiddlyWiki.
Dynamic Tables is a set of macros that allow you to create tables where the rows are created from tiddlers and the columns from the tiddler fields, or where the columns are created from tiddlers and the rows from their fields. Individual cells can be edited on the fly. Row tables can be sorted by columns and column tables can be sorted by rows. A desktop application for TiddlyWiki, running on Windows. https://lamusia.github.io/#ATWiki TiddlyWiki for Windows. A unique non-linear notebook for capturing, organising and sharing complex information.
A terrific demo of drag and drop, pan and zoom, and other sophisticated touch effects. Based on the muuri plugin by Uwe Stuehler. A collection of plugins from Uwe Stuehler, including: An extension for Mozilla Firefox that smoothes out some of the friction from TiddlyWiki's built-in HTML5 fallback saver, making it almost as easy to use as TiddlyFox. The workflow is intended to work out of the box, without configuration. https://github.com/pmario/file-backups which contains links to the documentation and introduction video(s). A chrome version is planned! A Kanban implementation for TiddlyWiki with a familiar look and feel (see the demo). https://ibnishak.github.io/Tesseract/projects/tekan/Tekan.html This is Tekan, a TW based kanban. The easiest way to know tekan is to use it. So let us begin, shall we?
It's a frequent use case in TiddlyWiki that you will want to put the results of variables together with various bits of strings of text. This process in some programming languages is often referred to as "concatenating" text. You might, for instance want to set up a template for your customer database, where links will automatically refer to additional contact information about your customer. Inside your tiddler, you might try something like this: But that won't work. If you try this, the link will be interpreted very literally, and will attempt to take you to: The solution is to use a macro to put the rendered value of Create a macro either at the top of the tiddler or in a global tiddler (see Macros) like this: You might be tempted to invoke the new macro like this: But if you do, you will find that Instead, you could use the MacroCallWidget widget, like this: In this case, we passed the value of a variable directly to our macro. This is often a general way to go about this task. If you wanted to create more links based on other variables you could re-use the macro for each situation. If, as in this case, the only variable you are using is Notice that in this case we don't pass an argument. Instead, we reference the variable using the special syntax
These are the concepts underlying TiddlyWiki. Understanding how these ideas fit together is the key to getting the most from TiddlyWiki. You can configure TiddlyWiki to start up using whatever individual or group of tiddlers you want using the default tiddlers mechanism. In the control panel under the info tab is an input field labeled "Choose which tiddlers are displayed at startup". You can list whatever tiddlers you want to open at startup. Use double square brackets for titles containing spaces. For example: You can also use filter expressions to open more than one tiddler. For example: will open all tiddlers tagged as
. You can also use this technique to preserve open tiddlers at startup The configuration tiddler $:/config/TiddlerInfo/Default contains the title of the tiddler containing the default tiddler info tab. The default value is This is an example tiddler. See Table-of-Contents Macros (Examples). Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Used in Internet protocols to indicate the type that should be used to interpret the content of a web resource. In TiddlyWiki, the The contrastcolour macro returns whichever of two given CSS colours is deemed to contrast best with another. An example can be seen in the template tiddler for tag pills. We welcome contributions to the code and documentation of TiddlyWiki in several ways: There are other ways to help TiddlyWiki too. Like other OpenSource projects, TiddlyWiki5 needs a signed contributor license agreement from individual contributors. This is a legal agreement that allows contributors to assert that they own the copyright of their contribution, and that they agree to license it to the UnaMesa Association (the legal entity that owns TiddlyWiki on behalf of the community). Create a GitHub pull request to add your name to step by step The CLA documents used for this project were created using Harmony Project Templates. "HA-CLA-I-LIST Version 1.0" for "CLA-individual" and "HA-CLA-E-LIST Version 1.0" for "CLA-entity". Remarks
----— In this case, please clearly state so, since otherwise we assume that you are the legal copyright holder of the contributed work! Please provide links and additional information that clarify under which license the rest of the code is distributed.
We welcome contributions to the code and documentation of TiddlyWiki in several ways: There are other ways to help TiddlyWiki too. Like other OpenSource projects, TiddlyWiki5 needs a signed contributor license agreement from individual contributors. This is a legal agreement that allows contributors to assert that they own the copyright of their contribution, and that they agree to license it to the UnaMesa Association (the legal entity that owns TiddlyWiki on behalf of the community). Create a GitHub pull request to add your name to step by step The CLA documents used for this project were created using Harmony Project Templates. "HA-CLA-I-LIST Version 1.0" for "CLA-individual" and "HA-CLA-E-LIST Version 1.0" for "CLA-entity". Remarks
----— In this case, please clearly state so, since otherwise we assume that you are the legal copyright holder of the contributed work! Please provide links and additional information that clarify under which license the rest of the code is distributed.
This file was automatically generated by TiddlyWiki5
Like other OpenSource projects, TiddlyWiki5 needs a signed contributor license agreement from individual contributors. This is a legal agreement that allows contributors to assert that they own the copyright of their contribution, and that they agree to license it to the UnaMesa Association (the legal entity that owns TiddlyWiki on behalf of the community). The following individuals have generously given their time to contribute to the development of TiddlyWiki: The copy-to-clipboard macro displays a button that copies specified text to the clipboard. A notification is displayed if the operation is successful; some browsers do not permit the operation. You can copy an individual tiddler from one TiddlyWiki file to another by dragging a link to the tiddler from one browser window to another.
The following macros are built into TiddlyWiki's core: The following variables are built into TiddlyWiki's core: The core will also use various configuration variables and macros if you define them: The number of the entries in the input list is counted and a decimal representation returned as a single string. The count widget displays the number of matches to a specified filter expression. The content of the To create a custom export format that exports tiddlers as their raw body text: The variable You create a tiddler either by clicking the button in the sidebar, or by clicking on a link to a missing tiddler. Links to missing tiddlers are shown in blue italics. See also: To edit an existing tiddler, click the button at the top right of the tiddler. When you create a new tiddler or edit an existing one, the tiddler will go into draft mode. This presents a control panel for modifying the tiddler in various ways. It has several parts, from top to bottom: When you have finished editing, click a button at the top right of the tiddler: Journal tiddlers are tiddlers that use a date and/or time as their title. They are typically used as a quick way to record time-stamped information. You can use additional tags on a journal tiddler to link it to other tiddlers, helping to establish the relationships between items of information. For example, you might use a journal tiddler called 10th October 2014 to record thoughts and information captured on that particular day. The tags Shopping and London might be used to indicate that the entry concerns shopping in London. The easiest way to create a journal tiddler is to use the new journal button in the Tools tab of the sidebar. If you find yourself often using the button, click the checkbox next to it to make the button available just above the search box. The new journal button creates a journal entry as a blank tiddler with the tag Journal and a title derived from today's date. If a journal tiddler with that title already exists, then this is opened for editing. A common sequence of actions is to create (or reopen) today's journal entry and tag it with the title of another tiddler. This can be done with the new journal here button in the other tiddler's toolbar. You can find this button in the Tools tab of the tiddler's InfoPanel. For example, you might be reviewing a tiddler called Oxford Street and realise that it's relevant for planning your shopping trip. Click the new journal here button on the Oxford Street tiddler to bring up a journal entry tagged with Oxford Street. To configure how new journal entries are created, visit the Basics tab under Info in the control panel : Hint: if you want to create a separate journal tiddler whenever you click new journal (even if you do this several times in the same day), you can include the clock time in the title format. Specify something like Another useful trick is to include Visit the Making a custom journal button tiddler for instructions on how to make your own custom New Journal button This example shows how to create a sub-story within a tiddler that is independent of the main story. Here's the code: Note how you can open the HelloThere tiddler in the substory by clicking on the link below. Links within the substory open within the substory, and not in the main story. Click this link to get started: HelloThere The csvtiddlers macro returns the fields of a selection of tiddlers in CSV form, with one record (row) per tiddler. An example can be seen in the template tiddler for CSV exports. The current tiddler provides the context in which several aspects of WikiText are interpreted. For example, The title of the current tiddler can always be found in the The two most common ways in which the current tiddler is changed are: The current tiddler is therefore often not the same as the tiddler that is being viewed or edited.
The currentTiddler variable contains the title of the current tiddler. Several aspects of WikiText use this tiddler as their context. As a result, within a Compare The following two examples have the same meaning: This next example shows how the New in: 5.1.16 The TiddlyWiki core adds several For example this tiddler is tagged:
and
so the attribute looks like this: Important: Tiddler tags are not sorted, so the order in the rendered output may be different! The following CSS is defined in Custom data-styles and creates a pink border for exactly this tiddler. So to display tiddlers tagged: Important: Don't forget the This mechanism may be handy for users, who want to write prose text! see: Hard Linebreaks with CSS Learn more at: Attribute selectors - CSS or CSS-SpecificationSlidesnStories
MetaTabs
It is inspired by MagicTabs and Tiddlyscholar by Alberto Molina Pérez, which are very elaborated tools that alas do not seem to be in active development any more.
I wanted to change the behaviour in some ways. For example I wanted show tabs only if they have content. ...furthermore there is
Introduction
Content and Attributes
Attribute Description $basetitle The initial title that will be attempted. If a tiddler with that title already exists, then a numerical counter is added to the title and incremented until it is unique $savetitle A text reference identifying a field or index into which the title of the newly created tiddler will be stored after it is created $timestamp Specifies whether the timestamp(s) of the target tiddler will be updated (modified and modifier, plus created and creator for newly created tiddlers). Can be "yes" (the default) or "no" {any attributes not starting with $} Each attribute name specifies a field to be created in the new tiddler Examples
New button caption: <$edit-text tiddler="$:/state/new-button-caption" tag="input" default=""/>
<$button>
<$action-createtiddler $basetitle="Homemade Button" tags="$:/tags/PageControls" text={{$:/state/new-button-caption}}/>
Create non-functional page control button
</$button>Introduction
Content and Attributes
Attribute Description $tiddler The title of the tiddler whose fields are to be modified (if not provided defaults to the current tiddler) $field Optional name of a field to delete {any attributes not starting with $} Each attribute name specifies a field to be deleted. The attribute value is ignored and need not be specified Examples
<$button>
<$action-deletefield caption tags/>
Delete "caption" and "tags"
</$button><$button>
<$action-deletefield $tiddler="HelloThere" modified tags/>
Delete "modified" and "tags" from ~HelloThere
</$button><$button>
<$action-deletefield $tiddler="HelloThere" $field="text"/>
Delete text from ~HelloThere
</$button>Introduction
Content and Attributes
Attribute Description $tiddler Optional title of the tiddler to be deleted $filter Optional filter identifying tiddlers to be deleted Examples
<$button>
<$action-deletetiddler $tiddler="HelloThere"/>
Delete "~HelloThere"
</$button><$button>
<$action-deletetiddler $filter="[tag[TableOfContents]]"/>
Delete tiddlers tagged "~TableOfContents"
</$button>Introduction
Content and Attributes
Attribute Description $tiddler The title of the tiddler whose lists are to be modified (if not provided defaults to the current tiddler $field The name of a field to be manipulated as a list (defaults to 'list') $index Optional index of a property in a data tiddler index to be manipulated as a list $filter An optional filter expression, the output of which will be saved to the field/index being manipulated $subfilter An optional subfilter expression, which takes the list being manipulated as input, and saves the modified list back to the field/index being manipulated $tags An optional subfilter expression, which takes the 'tags' field of the target tiddler as input, and saves the modified list of tags back to the 'tags' field Extended Filter Operators
Listops Operators
Operator
Purpose
allafter
discard all items except those after the marker
allbefore
discard all items except those before the marker
append
append a range of items from an array to the list
insertbefore
insert an item
T into a list immediately before an item B
move
move marker N places in the list
prepend
prepend a range of items from an array to the list
putafter
move N trailing items after the marker
putbefore
move N trailing items before the marker
putfirst
move N trailing items to the head of the list
putlast
move N leading items to the tail of the list
remove
remove a list of titles specified in the operand from the input
replace
replace marker with N trailing items
sortby
sort the current list in the order of the list referenced in the operand
Examples
<$button>
<$action-listops $field="myfield" $subfilter="efg hlm pqr"/>
Populate 'myfield'
</$button>
<$button>
<$action-listops $field="myfield" $subfilter="abc xyz"/>
Append More Items
</$button>
<$button>
<$action-listops $field="myfield" $subfilter="-abc -hlm"/>
Remove Items
</$button>
<$button>
<$action-listops $field="myfield" $filter="[[]]"/>
Clear 'myfield'
</$button>
<$list filter="[list[!!myfield]]">
</$list><$button>
<$action-listops $field="myfield" $subfilter="-efg ijk xyz [[this is a title]] +[sort[]]"/>
Mangle List
</$button>
<$button>
<$action-listops $field="myfield" $subfilter="-xyz -[[this is a title]] +[!sort[]]"/>
Unmangle List
</$button>
<$list filter="[list[!!myfield]]">
</$list><$button>
<$action-listops $tags="+[append{Days of the Week!!short}] $:/tag1 $:/tag2 $:/tag3"/>
Populate 'tags'
</$button>
<$button>
<$action-listops $tags="+[!remove:2{!!tags}]"/>
Remove Last Two Tags
</$button>
<$button>
<$action-listops $tags="+[!prefix[$:/]]"/>
Remove System Tags
</$button>
<$button>
<$action-listops $tags="-Mon -Tue"/>
Remove Mon and Tue
</$button>
<$button>
<$action-listops $tags="+[prefix[$:/]] ActionWidgets Widgets"/>
Remove User Tags
</$button>
<$button>
<$action-listops $tags="+[[]] ActionWidgets Widgets"/>
Clear Tags
</$button>
<$list filter="[list[!!tags]]">
</$list>Introduction
Content and Attributes
Attribute Description $to The title of the target tiddler for the navigation (if not provided defaults to the current tiddler $scroll Optional parameter determining whether the navigation will also cause a scroll to the target tiddler (see below) Scroll handling
$scroll attribute can be set to "yes" to force scrolling to occur to bring the target tiddler into view. If set to "no" then scrolling does not occur. If the $scroll attribute is omitted then scrolling occurs unless either:$scroll setting for all of them.Examples
<$button>
<$action-navigate $to="ButtonWidget"/>
<$action-navigate $to="ActionWidgets"/>
Click me!
</$button>Introduction
Content and Attributes
Attribute Description $message The message to send (eg, WidgetMessage: tm-new-tiddler) $param Optional parameter string whose meaning is dependent on the message being sent $name Optional name of additional parameter $value Value for optional parameter whose name is specified in $name{any attributes not starting with $} Multiple additional, optional named parameters that are attached to the message Examples
<$button>
<$action-sendmessage $message="tm-modal" $param="SampleWizard"/>
<$action-sendmessage $message="tm-notify" $param="SampleNotification"/>
<$action-sendmessage $message="tm-new-tiddler" title="This is newly created tiddler" tags="OneTag [[Another Tag]]" text=<<now "Today is DDth, MMM YYYY">>/>
Click me!
</$button>Introduction
Content and Attributes
Attribute Description $tiddler The title of the tiddler whose fields are to be modified (if not provided defaults to the current tiddler) $field Optional name of a field to be assigned the $value attribute $index Optional index of a property in a data tiddler to be assigned the $value attribute $value The value to be assigned to the field or index identified by the $field or $index attribute. If neither is specified then the value is assigned to the text field. If no value is specified, $field or $index will be deleted. $timestamp Specifies whether the timestamp(s) of the target tiddler will be updated (modified and modifier, plus created and creator for newly created tiddlers). Can be "yes" (the default) or "no" {any attributes not starting with $} Each attribute name specifies a field to be modified with the attribute value providing the value to assign to the field Examples
<$button>
<$action-setfield $tiddler="$:/state/tab-1749438307" text="$:/core/ui/ControlPanel/Appearance"/>
<$action-navigate $to="$:/ControlPanel"/>
Go to Control Panel "Appearance" tab
</$button>
<$button>
<$action-setfield $tiddler="$:/state/tab-1749438307" text="$:/core/ui/ControlPanel/Settings"/>
<$action-navigate $to="$:/ControlPanel"/>
Go to Control Panel "Settings" tab
</$button><$button>
<$action-setfield $tiddler="HelloThere" tags="NewTag [[Another New Tag]]" color="red"/>
<$action-setfield $tiddler="$:/state/popup/tiddler-info--1779055697" text="(568,1443,33,39)"/>
<$action-setfield $tiddler="$:/state/tab--1890574033" text="$:/core/ui/TiddlerInfo/Fields"/>
<$action-navigate $to="HelloThere"/>
Modify ~HelloThere
</$button><$button>
<$action-setfield $tiddler="HelloThere" tags="MoreTag [[Further More Tags]]" color="green"/>
<$action-sendmessage $message="tm-edit-tiddler" $param="HelloThere"/>
Edit ~HelloThere
</$button><$button>
<$action-setfield $tiddler="$:/state/tab-1749438307" $field="text" $value="$:/core/ui/ControlPanel/Appearance"/>
<$action-navigate $to="$:/ControlPanel"/>
Go to Control Panel "Appearance" tab
</$button>
actions attribute of the triggering widget (this is the preferred way)Assigning action widgets with the
actions attributeactions attribute of the triggering widget. Usually, it is more convenient to use a macro to assign the action widgets to a variable. For example, here is a button that triggers two actions of sending different messages:\define my-actions()
<$action-sendmessage $message="tm-home"/>
<$action-sendmessage $message="tm-full-screen"/>
\end
<$button actions=<<my-actions>>>
Click me!
</$button>Assigning action widgets by embedding
<$button>
<$action-sendmessage $message="tm-home"/>
<$action-sendmessage $message="tm-full-screen"/>
Click me!
</$button>
<div class="tc-table-of-contents">
<<toc-selective-expandable 'TableOfContents'>>
</div>\define twitterFollowButton(username)
<iframe allowtransparency="true" frameborder="0" scrolling="no" src="//platform.twitter.com/widgets/follow_button.html?screen_name=$username$" style="width:300px; height:20px;"></iframe>
\end<iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://platform.twitter.com/widgets/follow_button.html?screen_name=jermolene" style="width:300px; height:20px;"></iframe>
purpose extend each input title with a prefix input a selection of titles parameter S = a string of charactersoutput the input, but with S added to the start of each title
purpose extend each input title with a suffix input a selection of titles parameter S = a string of charactersoutput the input, but with S added to the end of each titleSystemTiddler Titles
$:/_ for any system tiddlers that you create to ensure that they are near the top of the system tiddler listing in the sidebar
purpose find which input title follows a specified one input a selection of titles parameter T = one of those titlesoutput the title that immediately follows T in the inputT is not present in the input, or is the last title there, then the output is empty.[list[Days of the Week]after[Monday]]
[list[Days of the Week]after[Sunday]]
Field Description title By default, alert titles have the prefix $:/temp/alerts/text The text of the alert message modified Date of the alert (used for ordering the alerts on screen) component Component name associated with the alert tags Must include $:/tags/Alert
purpose find all titles of a fundamental category input ignored, unless the parameter is empty parameter zero or more categories output the titles that belong to all the specified categories Category Members Sorted currentjust the current tiddler – missingall non-existent tiddlers to which there is at least one hard link no orphansall tiddlers to which there are no hard links by title shadowsall the shadow tiddlers that exist, including any that have been overridden with non-shadow tiddlers no tagsall the tags in use on non-shadow tiddlers no tiddlersall the non-shadow tiddlers that exist no is operator is similar, but its scope is restricted to its input.[list[Days of the Week]] +[allafter[Wednesday]]
[list[Days of the Week]] +[allafter:include[Wednesday]]
[list[Days of the Week]allbefore[Wednesday]]
[list[Days of the Week]allbefore:include[Wednesday]]
Release 5.0.1-alpha
Improvements
$:/theme isn't defined or refers to a missing tiddler, then fallback through Snow White to Vanilla. This means that empty.html now defaults to Snow WhiteBug fixes
$:/tags/PageControls tiddlers from being reorderedInternal changes
5.0.x-beta and the final release will be 5.1.x
purpose append a range of items from an array to the list input a list of items suffix an integer N, defaulting to all parameter list = the array of items to be appended to the tail of the listoutput a list with items appended from the head of the operand array ! outputa list with items appended from the tail of the operand array [list[Days of the Week]append[Tomorrow]]
[list[Days of the Week]append[Yesterday Today Tomorrow]]
[list[Days of the Week]append:4{Days of the Week!!short}]
"A free, open source wiki revisited" by Mark Gibbs, NetworkWorld
"Setting Up a Personal TiddlyWiki Server on OS X" by Kris Johnson
"TiddlyWiki" by Sander de Boer
"Notizen mit TiddlyWiki systemübergreifend nutzen" by Michael Sonntag
"TiddlyWiki 5 im Betatest" by besim
Embedded Audio
{{TiddlyWiki.mp3}}External Audio
{{Caruso - Ave Maria}}
purpose find the titles that link to each input title input a selection of titles parameter none output any non-system titles that contain hard links to the input titles [[HelloThere]backlinks[]]
[all[current]backlinks[]]
dat:// protocol. The extraordinary thing is that if you are running Beaker then you can also browse to sites hosted by other users, without needing any server in between.dat:// sites.
purpose find which input title precedes a specified one input a selection of titles parameter T = one of those titlesoutput the title that immediately precedes T in the inputT is not present in the input, or is the first title there, then the output is empty.[list[Days of the Week]before[Saturday]]
[list[Days of the Week]before[Monday]]
Release 5.0.18-beta
File Layout of tiddlywiki.com
Hackability Improvements
list-links macro (further improvements are planned).markdown and .md filestimeline macro to support a subfilterBug Fixes
.jpeg file extensionsContributors
Multi-line Block Quotes
<<<
This is a block quoted paragraph
written in English
<<<
<blockquote class="tc-quote"><p>This is a block quoted paragraph
written in English
</p></blockquote>
Citation
<<<
Computers are like a bicycle for our minds
<<< Steve Jobs
<blockquote class="tc-quote"><p>Computers are like a bicycle for our minds
</p><cite>Steve Jobs</cite></blockquote>
CSS Classes
<<<.myClass.another-class
Operating systems are like a brick wall for our minds
<<< Nobody
<blockquote class="tc-quote myClass another-class"><p>Operating systems are like a brick wall for our minds
</p><cite>Nobody</cite></blockquote>
tc-big-quote that renders block quotes with outsize double quotes:<<<.tc-big-quote
A dramatic quote
<<< Somebody Important
<blockquote class="tc-quote tc-big-quote"><p>A dramatic quote
</p><cite>Somebody Important</cite></blockquote>
Single-line Block Quotes
> Quoted text
> Another line of quoted text
<blockquote><p>Quoted text</p><p>Another line of quoted text</p></blockquote>
> A top quote
>> A subquote
> Another top quote* List One
** List Two
**> A quote
**> Another quote
* List Three
<ul><li>List One<ul><li>List Two<blockquote><p>A quote</p><p>Another quote</p></blockquote></li></ul></li><li>List Three</li></ul>
Browser Status Internet Explorer Version 10 and above Chrome All recent versions Firefox All recent versions Firefox for Android All recent versions Safari Version 6 and above Introduction
Content and Attributes
<$browse> widget is ignored.Attribute Description multiple Set to "multiple" to select multiple file upload deserializer New in: 5.1.15 Optional name of deserializer to be used (by default the deserializer is derived from the file extension or type) tooltip Optional tooltip text message Optional override of widget message to be generated. The parameter for the message will be the JavaScript object event.target.files<$browse>--build <target> [<target> ...]tiddlywiki.info file of a wiki folder.tiddlywiki/classictools plugin, containing a deserializer module which allows tiddlers to be loaded from TiddlyWiki 2.x.x .recipe filesstripcomments format for the ViewWidget, which strips single line JavaScript comments starting //#stripTitlePrefix='yes' attribute of the FieldsWidget, which removes prefixes wrapped in curly braces from the title attribute{tiddler}HelloThere would be transformed to HelloThereUsage
node ../../tiddlywiki.js \
--verbose \
--load <path_to_recipe_file> \
--rendertiddler $:/core/templates/tiddlywiki2.template.html <path_to_write_index_file> text/plain \
|| exit 1
purpose discard the last N input titlesinput a selection of titles parameter N = an integer, defaulting to 1output all but the last N input titles[list[Days of the Week]butlast[]]
[list[Days of the Week]butlast[2]]
A B C D E F G H I J K L M +[butlast[7]]
Introduction
<button> element that can perform a combination of optional actions when clicked:actions attributeContent and Attributes
<$button> widget is displayed within the button.Attribute Description actions A string containing ActionWidgets to be triggered when the key combination is detected to The title of the tiddler to navigate to message The name of the widget message to send when the button is clicked param The optional parameter to the message set A TextReference to which a new value will be assigned setTo The new value to assign to the TextReference identified in the set attributeselectedClass An optional additional CSS class to be assigned if the popup is triggered or the tiddler specified in set already has the value specified in setTodefault Default value if set tiddler is missing for testing against setTo to determine selectedClasspopup Title of a state tiddler for a popup that is toggled when the button is clicked aria-label Optional Accessibility label tooltip Optional tooltip class An optional CSS class name to be assigned to the HTML element style An optional CSS style attribute to be assigned to the HTML element tag An optional html tag to use instead of the default "button" dragTiddler An optional tiddler title making the button draggable and identifying the payload tiddler. See DraggableWidget for details dragFilter An optional filter making the button draggable and identifying the list of payload tiddlers. See DraggableWidget for details set attribute, we are referencing the storage location itself, rather than the value stored there, so we do not use curly brackets there. Example: we could code a button widget that sets the caption field of TiddlerA to be the same as that of TiddlerB as:<$button set="TiddlerA!!caption" setTo={{TiddlerB!!caption}} >
Press me!
</$button>tc-btn-invisible tc-tiddlylink to have a button look like an internal link.
changecount will go up by two.Parameters
<<changecount>>
changecount of a different tiddler, use a $tiddler widget:<$tiddler tiddler="Draft of 'New Tiddler'">
<<changecount>>
</$tiddler>
Introduction
Changes to is and addition of all
+ character. For example, [all[shadows+tiddlers]] returns all shadow tiddlers and all ordinary tiddlers.[is[shadow]] at the start of a filter string to select all the shadow tiddlers. In 5.0.9 and above, this will not return all the shadow tiddlers, but instead just those ordinary tiddlers that are also shadow tiddlers (by virtue of having overridden one). The resolution is to use the new all operator. For example, consider this filter from 5.0.8:[is[shadow]!has[draft.of]tag[$:/tags/AdvancedSearch]] [!is[shadow]!has[draft.of]tag[$:/tags/AdvancedSearch]] +[tag[$:/tags/AdvancedSearch]][all[shadows+tiddlers]tag[$:/tags/AdvancedSearch]!has[draft.of]]Changes to
[is[current]][is[current]] now strictly filters from the source tiddlers; so, if the current tiddler is a missing tiddler not in the source list, then [is[current]] will return an empty list.[all[current]] instead. It doesn't read as well, but has the required behaviour of returning just the current tiddler, regardless of whether it is in the source tiddlers.Changes to title and field
[description[Missing]] is equivalent to [field:description[Missing]]).
Introduction
<input type="checkbox"> element that is dynamically bound to either:Content and Attributes
<$checkbox> widget is displayed within an HTML <label> element immediately after the checkbox itself. This means that clicking on the content will toggle the checkbox.Attribute Description tiddler Title of the tiddler to manipulate (defaults to the current tiddler) tag The name of the tag to which the checkbox is bound invertTag When set to yes, flips the tag binding logic so that the absence of the tag causes the checkbox to be checked field The name of the field to which the checkbox is bound index New in: 5.1.14 The index of the tiddler, a DataTiddler, to which the checkbox is bound checked The value of the field corresponding to the checkbox being checked unchecked The value of the field corresponding to the checkbox being unchecked default The default value to use if the field is not defined class The class that will be assigned to the label element actions New in: 5.1.14 A string containing ActionWidgets to be triggered when the checkbox is checked uncheckactions New in: 5.1.16 A string containing ActionWidgets to be triggered when the checkbox is unchecked Tag Mode
<$checkbox tag="done"> Is it done?</$checkbox>Field Mode
<$checkbox field="status" checked="open" unchecked="closed" default="closed"> Is it open?</$checkbox><br>''status:'' {{!!status}}
status:
Index Mode
<$checkbox tiddler="ExampleData" index=<<currentTiddler>> checked="selected" unchecked="" default=""> Selected?</$checkbox>actions Attributeactions attribute shows both the Action Set Field Widget and Action Send Message Widget to demonstrate two actions.tag. The Action Send Message Widget joins all the tags into one large tag. The Action Set Field Widget appends the tags as individual tags. In this example, the Field Mangler Widget is required for the Action Send Message Widget but not for Action Set Field Widget. Be aware that the action occurs whether you check or uncheck.actions attribute. Alternatively, the attribute can be assigned directly from a variable with actions=<<my-actions>>.<$fieldmangler>
<$set filter="[[Features]] [[Encryption]] +[tags[]]" name="tag">
<$checkbox actions="""<$action-setfield $field="tags" $value=<<tag>> /><$action-sendmessage $message="tm-add-tag" $param=<<tag>> />""" field="checked" checked="YES" unchecked="NO" >
Add tags from tiddlers [[Features]] and [[Encryption]]
</$checkbox>
</$set>
</$fieldmangler>``` to mark code blocks ():
```
This will be monospaced
```
This will be monospaced
This is an ordinary paragraph
```
This will be monospaced
```
This is an ordinary paragraph
```
This will be monospaced
```
Introduction
<pre> and <code> blocks, causing it to be
displayed monospace. A language may optionally be specified using the
language attribute, however syntax highlighting will only be used if the
Highlight Plugin is installed.Content and Attributes
<$codeblock> widget is ignored.Attribute Description code Contents of the block to render as code language Programming language for syntax highlighting language attribute accepts either:text/html or image/svg+xml)Examples
<$codeblock code={{$:/editions/tw5.com/macro-examples/say-hi}} />\define sayhi(name:"Bugs Bunny" address:"Rabbit Hole Hill")
Hi, I'm $name$ and I live in $address$.
\end
<$codeblock code="SELECT * FROM users WHERE deleted = false" language="sql" />SELECT * FROM users WHERE deleted = falseParameters
page-backgroundpage-background: #fe0
table-border: #ccc
...colour macro:<<colour page-background>>Name Value title Typically starting with $:/type application/x-tiddler-dictionarytags $:/tags/Palettename Displayed in the palette browser description Displayed in the palette browser text name: value colour definitionscsvtiddlers macro returns tiddler content in this format.
-- prefix and used as a command-line option to TiddlyWiki on Node.js, indicating which action is desired.
purpose select the titles of all the Node.js commands input ignored parameter none output the command words that can be given to TiddlyWiki on Node.js TW5-SingleExecutable by Jed Carty
Widdly by Opennota
"Dynamic Tables" by Jed Carty
"ATWiki" by Lamusia Project
"muritest" by Simon Huber
Plugins by Uwe Stuehler
"file-backups" Extension for Firefox by pmario
"Tekan: Kanban that stays with you" by Riz
⚠ Warning:
Don't do it this way![[Additional Info|<<currentTiddler>>-Contact]]<<currentTiddler>>-Contact<<currentTiddler>> together with the bit of additional text, -Contact.\define linkup(link) [[Additional Info|$link$-Contact]]⚠ Warning:
Don't do it this way!<<linkup <<currentTiddler>> >><<currentTiddler>> doesn't get rendered, but instead gets passed literally.<$macrocall $name="linkup" link=<<currentTiddler>> />currentTiddler then you could write a simple macro, like this:\define linkup() [[Additional Info|$(currentTiddler)$-Contact]]$(variable)$. Since we don't pass an argument, we can invoke it without the <$macrocall> widget more simply, like this:<<linkup>>
FirstTiddler
SecondTiddler
[[Third Tiddler]][tag[HelloThere]]$:/core/ui/TiddlerInfo/Tools corresponding to the Tools tab. Other possible values are:
type field gives the content type to apply to the main text field.List of Common Content Types
Group Type Content of type fieldDeveloper Data dictionary application/x-tiddler-dictionary JavaScript code application/javascript JSON data application/json Static stylesheet text/css Image GIF image image/gif ICO format icon file image/x-icon JPEG image image/jpeg PDF image application/pdf PNG image image/png Structured Vector Graphics image image/svg+xml Text HTML markup text/html CSS stylesheet text/css Comma-separated values text/csv Plain text text/plain TiddlyWiki 5 text/vnd.tiddlywiki TiddlyWiki Classic text/x-tiddlywiki Parameters
target is undefined or not a valid colourContributor License Agreement
How to sign the CLA
cla-individual.md or cla-entity.md, with the date in the format (YYYY/MM/DD).Jeremy Ruston, @Jermolene, 2011/11/22Contributing to TiddlyWiki5
Contributor License Agreement
How to sign the CLA
cla-individual.md or cla-entity.md, with the date in the format (YYYY/MM/DD).Jeremy Ruston, @Jermolene, 2011/11/22Parameters
tc-btn-invisible)
purpose count the number of entries in a list input a selection of titles output a new list containing the number of items in the input list as a decimal string Introduction
Content and Attributes
<$count> widget is ignored.Attribute Description filter The filter expression to count .tid)\define renderContent()
{{{ $(exportFilter)$ ||$:/core/templates/plain-text-tiddler}}}
\end
<<renderContent>>exportFilter contains a filter defining which tiddlers should be exported.
Creating tiddlers
Editing tiddlers
Draft mode
text/vnd.tiddlywiki, which means the tiddler contains WikiTextSave, cancel or delete
Introduction
Creating a journal tiddler
Creating a tagged journal tiddler
Customising journal tiddlers
DDth MMM YYYY causes new entries to have titles of the form "10th October 2014"Journal [[Summer vacation]]YYYY-0MM-0DD at 0hhh0mm'0ss'' as the date format.$(currentTiddler)$ somewhere in the title format. This means that if you click new journal here on several different tiddlers, the title of each of those tiddlers will form part of the name of the resulting journal entries.Making a custom new journal button
<$navigator story="MySubStoryList" history="MySubHistoryList">
Click this link to get started: HelloThere
<$list filter="[list[MySubStoryList]]" history="MySubHistoryList">
<div>
! <$button message="tm-close-tiddler" class="tc-btn-invisible">{{$:/core/images/close-button}}</$button> <$view field="title"/>
<$transclude/>
</div>
</$list>
</$navigator>Parameters
quoted-comma-sep{{!!title}} denotes the value of the title field of whatever the current tiddler happens to be. This technique can be used to create general-purpose template tiddlers.currentTiddler variable.$list widget or a template tiddler, there is often no need to explicitly specify a tiddler title.storyTiddler.<$view field=title/>
<$view tiddler=<<currentTiddler>> field=title/>
$list widget changes the current tiddler:<ol>
<$list filter="[prefix[J]]">
<li><<currentTiddler>></li>
</$list>
</ol>
Attribute: data-tags
attributes to the rendered content. With those attributes it's possible to apply custom styles to the tiddler content. data-tags="[[How to apply custom styles]] example-test"Examples
[data-tags*="example-test"] {
border: 2px solid pink;
}Styling Stylesheets
data-tags-styles in a decent way we can use the following code. (I could have used: $:/tags/Stylesheet, but that would affect all stylesheets in this wiki, which is not intended. amt ;).tc.tiddler.body, otherwise the whole tiddler, including the title will be changed! see: Custom data-styles[data-tags*="data-tags-styles"] .tc-tiddler-body {
display: block;
padding: 14px;
margin-top: 1em;
margin-bottom: 1em;
word-break: normal;
word-wrap: break-word;
white-space: pre-wrap;
background-color: #f5f5f5;
border: 1px solid #cccccc;
padding: 0 3px 2px;
border-radius: 3px;
font-family: Monaco, Consolas, "Lucida Console", "DejaVu Sans Mono", monospace;
}Hard Linebreaks
More Possibilities
