Guy Rutenberg

Update – For TiddlyWiki 5, see RTL Tiddlers in TiddlyWiki 5.

I’ve been using TiddlyWiki for a while now, and it has become a very useful tool for me. Today, I decided to organize my various recipes (somehow cooking, and especially making desserts, has turned into a hobby of mine), and as you can expect, I’ve decided to use TiddlyWiki for the task.

There was a slight problem, as some of the recipes are in Hebrew, and it seems TiddlyWiki doesn’t have built-in support for RTL (right-to-left) tiddlers. However, such support can be added via custom stylesheets and the tiddlers’ tags. The idea for this method was taken from this TiddlyWiki.

Create a new tiddler called “StyleSheet” (without the quotes). This is a special tiddler (a shadow tiddler) that lets you add additional CSS code for your wiki. Insert the following code into the newly created tiddler:

/*{{{*/
div[tags~="RTL"].tiddler {
    direction: rtl;
}
div[tags~="RTL"].tiddler .subtitle {
    direction: ltr;
}
div[tags~="RTL"].tiddler .tagged {
    direction: ltr;
    float: left;
}
/*}}}*/

Now, for every tiddler you want to be in RTL direction, just add RTL to its list of tags. After you do that, the tiddler will appear correctly. Here is an example of what RTL looks like after the fix: