Das ausbaufähige und portable Organisationstalent TiddlyWiki speichert alle ihm anvertrauten Inhalte in einer einzigen HTML-Datei.

Wer viel mit Informationen und deren Organisation zu tun hat, kennt das Problem: Wie organisiert man große Mengen von Informationen in vielen unterschiedlichen Formaten so, dass man darauf von überall her lesend und schreibend zugreifen kann und die Inhalte gut strukturiert zu sehen bekommt.

Bevor es den Web-Service Evernote gab, kam bei dieser Fragestellung des Öfteren das Prinzip Wiki zum Tragen. Seit 2008 wird das bekannte Desktop-Wiki Zim [1] entwickelt, bereits seit 2004 das wesentlich vielseitigere TiddlyWiki [2], um das es in diesem Artikel geht.

Das Wort Wiki stammt vom hawaiianischen Wort für schnell ab. Ein Wiki erlaubt es, Informationen zügig in einer einfach zu erlernenden Syntax abzulegen, zu ordnen, zu verknüpfen und auszuwerten. Daher drängt es sich förmlich auf, mit einem Wiki Ideen zu sammeln, Gedanken zu strukturieren oder Wissensdatenbanken aufzubauen. Das Paradebeispiel für ein Wiki bietet die Online-Enzyklopädie Wikipedia, die auf MediaWiki [3] aufbaut.

Die Spezies der Desktop-Wikis ist zwar generell als Offline-Medium ausgelegt, Kandidaten wie Zim oder TiddlyWiki lassen sich aber auch ins Internet verknüpfen. Lässt sich das Textformat von Zim prima per Git verwalten, so arbeitet das in HTML, CSS und Javascript geschriebene TiddlyWiki gleich als Webseite. Im Hintergrund steht nur eine HTML-Datei, eine Datenbank benötigt das Wiki nicht. Sie rufen Tiddly im einfachsten Fall im Webbrowser auf, eine Installation im eigentlichen Sinne braucht es nicht zwingend.

Mit TiddlyWiki legen Sie Notizen und Informationen in verschiedenen Formaten ab, verwalten Aufgabenlisten, Lesezeichen und Bilder oder speichern URLs zu interessanten Webseiten. Bei Bedarf lässt sich TiddlyWiki auch als Blog betreiben oder als Backend für eine Website verwenden. Selbst für Präsentationen bietet die Wiki-Software ein entsprechendes Modul.

Aktiv betreut

Das ab 2004 von Jeremy Ruston geschriebene TiddlyWiki wird heute von der Community gepflegt, die aktuelle Version 5.1.19 erschien kurz vor Weihnachten 2018. Vom grundlegenden Aufbau her besteht Tiddly aus einem HTML-Dokument in Form einer einzigen Datei, was der Software eine außerordentliche Flexibilität verleiht. Die Datei benötigt im leeren Zustand, also ohne Daten, gerade einmal 2 MByte auf dem Datenträger.

Sie können die Datei lokal ablegen, auf einem USB-Stick mitführen, auf einem Server im Container betreiben oder sie über ein NAS oder via Nextcloud synchronisieren. Die HTML-Datei besteht aus rund 12?000 Zeilen Javascript, HTML sowie CSS und beinhaltet alle Funktionen einer Notizverwaltung, eines Journals und noch weitaus mehr.

Der größte Vorteil von Tiddly – alles in eine Datei zu packen und auf eine Datenbank zu verzichten – entpuppt sich in der Praxis allerdings auch als Nachteil: Bei jeder Änderung gilt es, die gesamte Datei zu laden und anschließend wieder zu speichern. Für größere Datenmengen bietet es sich also an, diese auf mehrere TiddlyWikis zu verteilen.

Komplex

TiddlyWiki stellte uns angesichts seiner Komplexität beim anfänglichen Verständnis vor ein Problem, das auch Ihnen nicht verborgen bleiben dürfte: Das Studium der Webseite offenbart auf den ersten Blick das große Potenzial dieser Software, aber es hinterlässt Sie auch erst einmal ratlos, wie Sie das Wiki anfänglich in den Griff bekommen. Die offiziellen Videos auf der Webseite sind teils veraltet und nicht wirklich zielführend.

Auf Youtube gibt es jedoch eine Reihe von acht inoffiziellen Videos [4], die Sie ausführlich und praxisnah an TiddlyWiki heranführen. Auch die Tiddly-Webseite empfiehlt diese Tutorials. Sie erklären nicht nur die Funktionen, sondern zeigen auch gleich, wie sich diese über die eingebaute Programmlogik erweitern lassen. Auf diese Weise können etwa Nutzer von Google Notes, Evernote oder ähnlichen Anwendungen ihren gewohnten Arbeitsfluss implementieren (Abbildung 1).

Abbildung 1: Mit etwas Einarbeitung lässt sich TiddlyWiki durch die bereits integrierte Programmlogik auch für Laien relativ leicht erweitern.

Leergut

Als ersten Schritt zu Ihrem neuen Wiki klicken Sie auf der Tiddly-Webseite im Abschnitt GettingStarted auf das grüne Emblem mit der Aufschrift Download Empty. Daraufhin finden Sie in Ihrem Download-Ordner das File empty.html. Ein Klick darauf öffnet die Datei in Ihrem Standard-Browser. Was Sie vor sich sehen, ist ein erster “Tiddler” – so nennt Tiddly die einzelnen Seiten (Abbildung 2).

Abbildung 2: Der Standard-Tiddler erlaubt es, dem gesamten Wiki einen Namen und eine Beschreibung zu geben. Durch einen Klick auf das Pluszeichen erzeugen Sie Ihren ersten eigenen Tiddler.

Sie dürfen die Datei beliebig umbenennen, solange Sie die Endung beibehalten. Falls Sie TiddlyWiki auf Deutsch bevorzugen, laden Sie gleich eine deutsche Vorlage [5] herunter. Nun gilt es, zunächst zu entscheiden, wie Sie Tiddly einsetzen möchten. Die universellste Methode führt über den Browser: So können Sie Ihre Tiddler mobil – etwa per USB-Stick – überall einsetzen, wo ein Webbrowser zur Verfügung steht. Dazu benötigen Sie zunächst eine Browser-Erweiterung.

Android- und iOS-Apps

Die Webseite und auch die Videos empfehlen für den mobilen Einsatz des Wikis unter Android die Erweiterung TiddlyFox. Die funktioniert aber seit dem überarbeiteten Firefox 57 “Quantum” nicht mehr. Ähnlich sieht es für die Android-App AndTidWiki aus: Sie funktioniert zwar noch, entbehrt aber seit 2013 jeder Pflege, was ihren Einsatz schon aus Sicherheitserwägungen problematisch macht.

Eine andere Möglichkeit, um TiddlyWiki unter Android zu nutzen, bietet die Installation von Termux auf Android und dessen Ausbau mit der Node.js-Variante von TiddlyWiki. Im Folgenden erläutern wir daneben eine weitere Variante über eine Cloud.

Für iOS gibt es eine relativ aktuelle TiddlyWiki-App namens Quine, für die der Autor 4 Euro verlangt. In Ermangelung von Apple-Hardware haben wir auf einen Test aber verzichtet.

Browser erweitern

Zielführend für die Entscheidung, wie Sie Tiddly nutzen möchten, ist zunächst ein Klick auf den Chrome- oder Firefox-Button in der Sektion GettingStarted auf der Webseite. Die erste Option ist mit Download Saver überschrieben. Sie benötigt zwar keine Erweiterung, jedoch eine manuelle Intervention bei jedem Speichervorgang. Wir empfehlen hier die zweite Option savetiddlers, zu der Sie auf GitHub [6] eine ausführliche Beschreibung finden.

Die Erweiterung arbeitet besser mit Firefox zusammen; Chrome speichert ab und zu direkt im Download-Ordner anstatt im festgelegten Verzeichnis. Wenn Sie bereits auf der Getting-Started-Seite stöbern, klicken Sie auf der Webseite doch auch gleich auf die anderen dort verlinkten Plattformen, um über die angebotenen Methoden mehr darüber zu lernen, wie TiddlyWiki funktioniert.

Standard-Tiddler

Rechts neben dem mit GettingStarted überschriebenen Standard-Tiddler – er zeigt oben Schaltflächen für das Editieren, Speichern und Schließen – befinden sich eine Bedienleiste, ein Suchfeld und darunter einige Schalter. Dabei fällt auf, dass es hier einen zweiten Haken zum Speichern gibt. Das Exemplar im Tiddler selbst sichert im Tiddler vorgenommene Änderungen, während der Haken rechts die gesamte Datei speichert, aber den Bearbeitungsstatus des Tiddlers offenlässt.

Das Pluszeichen dient dem Erstellen neuer Tiddler, während das Zahnrad-Icon das Kontrollzentrum öffnet. Hier definieren Sie das Aussehen von TiddlyWiki durch Themes und Farbpaletten, definieren Schriftgrößen und installieren offizielle Plugins. Unter der Suchmaske finden Sie vier Tabs, die in der deutschsprachigen Version der Wiki-Software mit Offen, Zuletzt, Tools und Mehr überschrieben sind.

Die ersten beiden Tabs erklären sich selbst. Hinter Tools verbergen sich Funktionen, die sich durch Anhaken in die Bedienleiste befördern lassen. Dazu zählt etwa die Funktion Journal, die automatisch datierte Tiddler erzeugt (Abbildung 3).

Abbildung 3: In der Werkzeug-Sektion haken Sie häufig verwendete Funktionen an, die daraufhin in der darüberliegenden Werkzeugleiste angezeigt werden.

Arbeiten Sie die bereits erwähnten Videos durch, lernen Sie neben der eingebauten Programmlogik, die das System leicht erweiterbar macht, auch die schnell erlernbare Auszeichnungssprache Markup [7] kennen. Damit formatieren Sie Ihre Einträge in TiddlyWiki, ohne dadurch den Schreibfluss zu unterbrechen (Abbildung 4).

Abbildung 4: Die Auszeichnungssprache Markup lässt sich schnell erlernen und ist auch außerhalb von TiddlyWiki äußerst nützlich.

Bild und Ton

TiddlyWiki speichert nicht nur Text, sondern alle möglichen Arten von Medien, wie etwa auch Bilder. Diese dürfen lokal auf dem Rechner oder auch im Internet liegen. Bilder von der eigenen Festplatte müssen Sie in Tiddly importieren, Bilder aus dem Internet dagegen nur referenzieren. Jeder der Varianten hat Vor- und Nachteile. So lässt sich ein referenziertes Bild zum Beispiel nicht mehr abrufen, wenn sich die URL ändert. Bei importierten Bildern tritt das Problem nicht auf, doch sie blähen die TiddlyWiki-HTML-Datei auf.

Ein Bild aus lokalen Beständen ziehen Sie einfach auf die Oberfläche von TiddlyWiki. Daraufhin öffnet sich ein neuer Tiddler mit der Bezeichnung Import (Abbildung 5). Nach einem Klick auf den Import-Knopf speichert TiddlyWiki das Bild. Mit dem Tag {{Bild.png}} binden Sie es dann in einen anderen Tiddler (Abbildung 6) ein. Ein Bild aus dem Internet integrieren Sie hingegen über [img [URL]] in einen Tiddler ein.

Abbildung 5: Bilder aus lokalen Beständen ziehen Sie einfach in TiddlyWiki hinein. Nach einem Klick auf Import im Import-Tiddler landet das Bild direkt in der HTML-Datei.

Abbildung 6: Mit dem Link aus dem Import-Tiddler binden Sie das Bild in beliebige andere Tiddler ein.

TiddlyDesktop

Wollen Sie TiddlyWiki nicht im Webbrowser ausführen, dann installieren Sie die App TiddlyDesktop [8], die das Wiki ohne Browser öffnet. In der Dokumentation finden Sie die Github-Adresse mit weiteren Informationen und den Versionen für Linux, MacOS und Windows (Abbildung 7). Um TiddlyWiki auf einem Server zu installieren, verwenden Sie wie in der Dokumentation [9] beschrieben Node.js und lenken danach den Browser auf http://127.0.0.1:8080.

Abbildung 7: Über TiddlyDesktop lässt sich TiddlyWiki ohne Webbrowser und somit auch offline nutzen. Die App bietet zudem beim Nutzen mehrerer Wikis eine bessere Übersicht.

Plugins

Das Leistungsspektrum von TiddlyWiki lässt sich mit Hunderten Plugins und Makros erweitern, die selbst auch als Tiddler ausgelegt sind. Wir installierten probehalber das Plugin TiddlyMap [10], mit dem sich Tiddler zu interaktiven Mindmaps verbinden lassen. Auch hier zeigt die Praxis, dass TiddlyWiki mit Firefox gut funktioniert, während der Einsatz unter Chrome eher zu Problemen führt.

Im Kasten Getting started der TiddlyMap-Webseite sehen Sie unten einen Link zur Installation. Von dort ziehen Sie die vier Links auf Ihr Wiki. Wie zuvor beim Foto-Import öffnet sich ein entsprechender Tiddler, den Sie bestätigen, sofern alle Links akzeptiert wurden. Nach dem Speichern und Aktualisieren sehen Sie in der Werkzeugleiste einen neuen Reiter namens Map. Hier machen Sie sich mit den komplexen Möglichkeiten dieses Mindmappers vertraut. Auch dazu stehen auf Youtube einige Videos bereit [11].

Zu TiddlyWiki gibt es eine Reihe offizieller Plugins [12], der weitaus größere Teil stammt jedoch aus der sehr agilen Tiddly-Community. Die Seite Tiddly Toolmap [13] sammelt über 600 Plugins, Tipps und Tricks. Auch auf Reddit gibt es eine eigene Tiddly-Seite [14].

In der Cloud

Sie können TiddlyWiki auch in einer Cloud vorhalten. Auf Nextcloud, Owncloud, Dropbox oder Google Drive abgelegt, greifen Sie auf Ihre Tiddler auch in den Browsern mobiler Geräte zu.

Dazu öffnen Sie beispielsweise die Nextcloud-App auf Ihrem Smartphone, navigieren zu Ihrer HTML-Datei, klicken im Menü mit den drei Punkten (“Hamburger-Menü”) den Eintrag Öffnen mit und wählen dort den gewünschten Browser aus. Wenn die Cloud-Instanz nicht unter Ihrer Kontrolle steht, sollten Sie die Datei verschlüsseln [15].

Je nachdem, in welchem Umfang Sie TiddlyWiki einsetzen möchten, sollten Sie von Beginn an auf Zuwachs planen. Geht es bei Ihren Tiddlern lediglich um Dinge wie Notizen und To-do-Listen, die sich hauptsächlich auf Text beschränken, dann genügt ein Wiki. Möchten Sie aber umfangreiche Multimediainhalte in TiddlyWiki einbinden, legen Sie besser mehrere Wikis an, die Sie dann am einfachsten mit TiddlyDesktop verwalten.

Fazit

TiddlyWiki entpuppt sich als wahre Fundgrube für jeden, der viele Informationen strukturiert sammeln möchte. Das Programm erweist sich als sehr flexibel, portabel, verfügt über Plugins für fast jeden denkbaren Zweck und lässt sich relativ leicht erweitern (Abbildung 8). Von daher eignet sich TiddlyWiki vor allem für Menschen, die nicht an feste Strukturen gebunden sein möchten, sondern ihr Wiki gern aktiv gestalten.

Abbildung 8: Wir haben TiddlyWiki unter anderem um eine To-do-Liste erweitert, die per Checkbox erledigte Aufgaben in den Tiddler Completed verschiebt.

Allerdings lässt sich der Umgang mit TiddlyWiki nicht an einem Tag erlernen, Geduld wird hier belohnt. Den schnellsten Einstieg bieten die bereits angesprochenen Videos des Web-Entwicklers Francis Meetze [4], der darin auch gleich erklärt, wie man TiddlyWiki sinnvoll erweitert. Die Dokumentation des Projekts ist sehr umfangreich, die Webseite umfasst nahezu 12?000 Tiddler.