Diese Seite ist Teil der "reinen" HTML Version von TiddlyWiki auf https://tiddlywiki.com/languages/de-DE

$:_TaskStylesheet

pmario 23. September 2014 um 17:52

li.Done {
list-style-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22tc-list-image-done%20tc-list-image%22%20height%3D%2215%22%20width%3D%2215%22%3E%0A%3Cpath%20id%3D%22path3757%22%20stroke-linejoin%3D%22round%22%20d%3D%22M3.5168%2C8.809%2C6.3999%2C12.172%2C12.747%2C5.9087%22%20stroke%3D%22%2331a837%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222.5%22%20fill%3D%22none%22%2F%3E%0A%3C%2Fsvg%3E);
font-weight:normal;
}li.Check {
list-style-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22tc-list-image-check%20tc-list-image%22%20height%3D%2215%22%20width%3D%2215%22%20%3E%0A%3Cg%20stroke-linejoin%3D%22round%22%20stroke%3D%22%23e15a2d%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%224%22%20stroke-dasharray%3D%22none%22%20stroke-width%3D%222.4%22%20fill%3D%22none%22%3E%0A%3Cpath%20d%3D%22M10.209%2C10.056v-1.1683c7.449-4.9934-0.719-9.2766-3.331-4.7527%22%2F%3E%0A%3Cpath%20d%3D%22m9.855%2C13.771%2C0.67115%2C0%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E);
font-weight:normal;
}li.ToDo {
list-style-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22tc-list-image-task%20tc-list-image%22%20height%3D%2215%22%20width%3D%2215%22%20%3E%0A%3Cg%20stroke%3D%22%232929e4%22%20stroke-linejoin%3D%22miter%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222.5%22%20fill%3D%22none%22%3E%0A%3Cpath%20d%3D%22m11.002%2C2.5018%2C0%2C6.4319%22%2F%3E%0A%3Cpath%20d%3D%22m10.547%2C13.61%2C0.95879-0.0067%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A);
font-weight:bold;
}

Absatz in WikiText

pmario 13. September 2014 um 19:07

Um einen Absatz in TiddlyWiki zu erzeugen sind 2 Zeilenumbrüche nötig. 

Das ist der erste Absatz

Das ist der zweite Abastz, getrennt durch 2 Zeilenumbrüche.

Ein Zeilenumbruch wird nicht dargestellt, kann aber im Tiddler Text verwendet werden.

Das ist ein Absatz,
zusammengesetzt aus
mehreren Zeilen

Dargestellt als:

Das ist ein Absatz, zusammengesetzt aus mehreren Zeilen

Erzeugter HTML Code:

<p>Das ist ein Absatz,
zusammengesetzt aus
mehreren Zeilen 
</p>

Für Situationen, wo ein "harter" Zeilenumbruch benötigt wird sehen sie: Zeilenumbruch in WikiText.

AddOn

 9. September 2014 um 20:23

Als AddOn wird zB: eine Firefox Erweiterung bezeichnet. Siehe auch TiddlyFox.

AndTidWiki

 9. September 2014 um 11:24

Siehe: Speichern mit Android

Befreie die Prinzessin

pmario 23. September 2014 um 10:49

Bilder

pmario 18. September 2014 um 09:53

Bilder Gallerie Beispiel

pmario 23. September 2014 um 10:36

Hier ist ein Beispiel, wie mit dem ListWidget und dem TranscludeWidget eine einfache Bildergalerie erstellt werden kann. Bearbeiten Sie diesen Tiddler, um zu sehen, wie!

3

Bilder in WikiText

pmario 7. März 2023 um 08:17

Bild Formatierung

Bilder können in WikiText mit folgender Syntax verwendet werden:

[img[Motovun Jack.jpg]]

oder 

[img[https://tiddlywiki.com/favicon.ico]]  Dieses verlinkte Bild wird eventuell nicht angezeigt, wenn Sie offline sind!

Wenn die Bildquelle der Titel eines existierenden Tiddlers ist, dann wird dieser direkt angezeigt. Ansonsten wird die Quelle als URL angesehen und ein HTML <img> Element wird erzeugt. Das src Attribut wird auf die URL gesetzt.

Ein Tooltip kann ebenfalls angegeben werden:

[img[Ich bin der Tooltip text|Motovun Jack.jpg]]

Attribute wie z.B: CSS Klassen oder die Höhe und Breite können ebenfalls angegeben werden. 

[img width=64 [Motovun Jack.jpg]]
[img width=64 class="tc-image" [Motovun Jack.jpg]]

Anmerkung: Attribute können auch über Transklusionen oder Variablen referenziert werden:

[img width={{!!mywidth}} class=<<image-classes>> [Motovun Jack.jpg]]

Die "Bilder Syntax" ist eine Vereinfachung für die Verwendung des "ImageWidget"

Anzeige von Bildern mit Transklusion

Sie können ein Bild, das als Tiddler gespeichert ist direkt anzeigen. Nachteil dieser Methode ist, dass die Größe des Bildes nicht direkt beeinflusst werden kann. 

{{Motovun Jack.jpg}}

Dargestellt als:

ChrisK

pmario 24. September 2014 um 15:56

Christoph hat die meisten Tippfehler in der Bedieneroberfläche und im Text aufgedeckt. Danke!

Code Block in WikiText

ChrisK 22. September 2014 um 12:18

Sie können ein dreifaches Gravis Akzent Zeichen: ``` verwenden. Im englischen wird es auch als "backtick" bezeichnet.

Text Beispiel: 

```
Das wird als nicht proportionaler Text dargestellt.
```

Die drei "backticks" müssen am Anfang der Zeile stehen und es dürfen keine Leerzeichen folgen, sonst kann der Block nicht korrekt dargestellt werden.

Dargestellt als:

Das wird als nicht proportionaler Text dargestellt.

Anmerkung:

Bei einigen Tastatur Anordnungen (je nach Betriebssystem und Sprache) können diese Zeichen als tote Taste konfiguriert sein, was sie schwerer zu tippen macht.

Für einen mehrzeiligen Code-Block tippen Sie einfach 6 mal auf das Akzent Zeichen, stellen den Cursor in die Mitte, tippen [Enter] und fertig.

Für ein einfaches Akzent Zeichen drücken Sie Gravis und ein Leerzeichen.

TODO some short videos, and upload my own Keyboard settings

Community

pmario 23. September 2014 um 19:10

Einige interessante Projekte:

tiddlywiki.com: https://tiddlywiki.com/#Community

CSS Klassen

pmario 13. September 2014 um 10:06

Siehe: http://de.wikipedia.org/wiki/Cascading_Style_Sheets

DataTiddlers

pmario 13. September 2014 um 19:08

Siehe: https://tiddlywiki.com/#DataTiddlers

Definitionen in WikiText

pmario 21. September 2014 um 17:06

HTML Definitionslisten werden wie folgt erstellt:

; Term der zu definieren ist
: Definition dieses Terms
; Neuer Term
: Neue Definition

Dargestellt als:

Term der zu definieren ist
Definition dieses Terms
Neuer Term
Neue Definition

Erzeugter HTML Code:

<dl><dt>Term der zu definieren ist</dt><dd>Definition dieses Terms</dd><dt>Neuer Term</dt><dd>Neue Definition</dd></dl>

Dev Thumbnail.jpg

 

done

ChrisK 7. März 2023 um 08:00

Diese Tag wird verwendet um "Tasks" als erledigt zu markieren.

Siehe auch:

download.png

 

Einführung

pmario 13. Mai 2015 um 15:42

TiddlyWiki ist eine Web-Applikation, die Sie frei herunterladen können. Sie können sie speichern, wo Sie wollen:

  • Auf Ihrem Laufwerk,
  • USB-Wechselspeicher
  • oder Ihrem "Cloud Speicher"

Sie sind der Herr über Ihre Daten!

Sie können TiddlyWiki verwenden um Ihre Notizen zu erstellen / organisieren / oder mit Freunden zu teilen, in einer Weise, die kein anderes Textverarbeitungsprogramm vermag. TiddlyWiki speichert Ihre Texte in einer "nicht-linearen" Form, mit Hilfe von Tags, Hyperlinks und vielen weiteren Möglichkeiten. So können Sie Ihre Notizen strukturieren, in einer Weise, die mehr dem entspricht, "wie wir denken", nicht in einem vom Entwickler vorgegebenen starren Korsett.

Sie können TiddlyWiki als eine einzige Datei speichern, die Sie mit dem Web-Browser, online oder offline, verwenden können. Für geübte Benutzer kann TiddlyWiki als Node.js Applikation verwendet werden, die jeden Tiddler als einzelne Datei behandelt und dabei als zentrales Archiv fungiert.

Wie können Sie TiddlyWiki nun für sich nutzen?

  • Im Anschluss sind einige Links aufgeführt, mit denen Sie starten sollten, oder Sie können jederzeit das InhaltsVerzeichnis verwenden.
  • Das InhaltsVerzeichnis kann auch über den Reiter "Inhalt" auf der rechten Seite aufgerufen werden.
  • Starten Sie jetzt mit "ErsteSchritte". Viel Spaß!

Weitere Links

Einführungsvideo

pmario 18. Mai 2015 um 08:01

Diese Videopräsentation (englisch) erklärt die grundlegenden Möglichkeiten von TiddlyWiki.

Die Präsentation, die in diesem Video verwendet wurde, finden Sie hier:

https://tiddlywiki.com/editions/introduction/

EinsA

pmario 23. September 2014 um 23:29

EinsA1

pmario 23. September 2014 um 23:31

EinsB

pmario 23. September 2014 um 23:55

Dieser Tiddler enthält ein Feld mit dem Namen: toc-link mit dem Wert: no. Deshalb wird beim <<toc>> Makro hier kein Link erzeugt.

Siehe: Inhaltsverzeichnis-Einfach

EinsB1

pmario 23. September 2014 um 23:30

EinsC

pmario 23. September 2014 um 23:29

Erstellen von Notizen

pmario 23. September 2014 um 19:04

TiddlyWiki macht es dem Anwender einfach, Gedanken schnell nieder zu schreiben, um sie später wieder aufzugreifen, neu zu strukturieren und zu erweitern.

Listen

Listen sind ein einfaches Element um "Brainstorming" zu machen. zB:

  • Was soll alles in dieses Wiki
    • Beispiele
    • InhaltsVerzeichnis
    • WikiText
  • Wie können die Möglichkeiten einfach dargestellt werden
  • Welche Macros sollen vorgestellt werden
    • Wie erstellt man Macros
  • Wie schnell sind dem Benutzer Widgets zuzumuten

Zitate

Auch aus Steinen, die einem in den Weg gelegt werden, kann man was Schönes bauen.

Johann Wolfgang von Goethe, deutscher Dichter, 1749-1832

Tags und Inhaltsverzeichnis

Dieser Tiddler ist mit Was kann TiddlyWiki getaggt. Dadurch wird er automatisch ins InhaltsVerzeichnis aufgenommen.

WikiLinks

Wie Sie oben in der "Brainstorming" Liste sehen können, verwende ich dort WikiLinks. Auf diese Weise werden aus den Wörtern automatisch Links erstellt. Der Vorteil hier ist, das der Schreibfluss nicht durch das tippen von [[]] unterbrochen wird.

ErsteSchritte

pmario 13. Mai 2015 um 16:17

Weitere Links:

ErsteSchritte - Android

pmario 9. September 2014 um 11:19

Android App

Die AndTidWiki App für Android macht es möglich, dass TiddlyWiki Änderungen direkt, lokal speichern kann.

AndTidWik finden Sie hier im google "App-Store".

HINWEIS: AndTidWiki steht in keiner Beziehung zu TiddlyWiki

TiddlyFox für Android

Siehe: Speichern mit TiddlyFox - Android

ErsteSchritte - Chrome

pmario 9. September 2014 um 08:38

TiddlyWiki mit Google Chrome kann nur über den Browser eigenen "Speichern Dialog" gespeichert werden.

Diese Methode ist etwas umständlich, da man Einstellungen immer wieder manuell vornehmen muss. Der Vorteil ist, dass diese Methode jedoch mit fast allen Desktop- und vielen mobilen Browsern funktioniert.

Speichern mit Chrome

  1. Speichern Sie eine leere Datei der deutschen Version.
    Wenn der Button nicht funktioniert, dann klicken Sie den Link mit der rechten Maustaste und wählen: "Ziel Speichern unter ..." https://tiddlywiki.com/languages/de-AT/empty.html oder https://tiddlywiki.com/languages/de-DE/empty.html
    Je nach Browser folgen Sie den Dialogen!
  2. Suchen Sie die eben geladene Datei im Datei Manager.
    • Geben Sie der Datei einen vernünftigen Namen und stellen Sie sicher, dass die Endung .html oder .htm ist.
  3. Öffnen Sie die Datei mit Ihrem Browser.
  4. Erstellen Sie einen neuen Tiddler mit dem plus im rechten Menü.
  5. Geben Sie den Text ein und bestätigen die Eingabe mit dem OK.
  6. Speichern Sie die Änderungen mit: speichern im rechten Menü
  7. Der Browser wird nun eine neue Datei laden, die die Änderungen enthält.
  8. Suchen Sie die eben geladene Datei im Datei Manager.
  9. Überprüfen sie, ob die Änderungen richtig gespeichert wurden.

Tip: Die meisten Browser haben eine Einstellung, dass der "Datei Speichern" Dialog immer angezeigt wird. Das ermöglicht Ihnen, die bestehende Datei auszuwählen und zu überschreiben.

ErsteSchritte - Firefox

pmario 9. September 2014 um 08:23

Firefox bietet momentan die beste Unterstützung für TiddlyWiki mit der TiddlyFox Browser Erweiterung.

Android

Wenn Sie "Firefox for Android" verwenden, dann beachten sie: Speichern mit TiddlyFox - Android.

Speichern mit TiddlyFox

  1. Stellen Sie sicher, dass Sie die aktuelle Version von Firefox verwenden.
  2. Installieren Sie die aktuelle TiddlyFox Erweiterung von: https://addons.mozilla.org/en-US/firefox/addon/tiddlyfox/
  3. Firefox neu starten!
  4. Speichern Sie eine leere Datei der deutschen Version.
  5. Suchen Sie die eben geladene Datei im Datei Manager.
    • Geben Sie der Datei einen vernünftigen Namen aber stellen Sie sicher, dass die Endung .html oder .htm ist.
  6. Öffnen Sie die Datei mit Firefox.
  7. Beim Öffnen der Datei erscheint ein Dialog, mit der Frage, ob der direkte Dateizugriff für TiddlyFox erlaubt werden soll.
    • Klicken Sie hier unbedingt "OK" :
  8. Erstellen Sie einen neuen Tiddler mit dem plus im rechten Menü.
  9. Geben Sie den Text ein und bestätigen die Eingabe mit dem OK.
  10. Speichern Sie die Änderungen mit: speichern im rechten Menü
  11. Rechts oben sollte ein gelber Nachrichten-Dialog mit "Wiki gespeichert!" auftauchen.
    • Ist dies nicht der Fall, dann überprüfen sie, ob TiddlyFox im Firefox: AddOn Menü richtig geladen wurde.
  12. Laden Sie die Seite neu, um zu überprüfen, ob die Datei korrekt gespeichert wurde.

ErsteSchritte - Internet Explorer

pmario 9. September 2014 um 08:59

Speichern mit TiddlyIE

  1. Installieren Sie TiddlyIE AddOn von:
  2. Starten Sie Internet Explorer neu. IE wird beim Start einen Dialog anzeigen, mit dem Sie das AddOn freischalten können.
    Es ist möglich, dass Sie aufgefordert werden das Microsoft Script Runtime zu erlauben. Tun Sie das!
  3. Klicken Sie den folgenden Link mit der rechten Maustaste und wählen: "Ziel Speichern unter ..."
  4. Suchen Sie die eben geladene Datei im Datei Manager.
    • Geben Sie der Datei einen vernünftigen Namen und stellen Sie sicher, dass die Endung .html ist.
  5. Öffnen Sie die Datei mit dem Internet Explorer
  6. Erstellen Sie einen neuen Tiddler mit dem plus im rechten Menü.
  7. Geben Sie den Text ein und bestätigen die Eingabe mit dem OK.
  8. Speichern Sie die Änderungen mit: speichern im rechten Menü. IE wird einen "Speichern Unter.." Dialog öffnen. Folgen Sie den Dialogen!
  9. Laden Sie die Seite neu, um sicher zu stellen, dass die Daten richtig gespeichert wurden.

Der Windows HTA Hack beschreibt eine alternative Methode um TiddlyWiki mit dem IE zu verwenden.

ErsteSchritte - iOS

pmario 9. September 2014 um 10:26

Für das iPad/iPhone gibt es eine kostengünstige Applikation: TWEdit, die es ermöglicht, mit TiddlyWiki "online" und "offline" zu arbeiten.

Verwendung von TWEdit:

  1. Holen Sie sich TWEdit im Apple Store.
  2. Öffnen Sie TWEdit.
  3. Tippen Sie den Titel in der Mitte des "Toolbars".
    • Eine Text Box sollte sich öffnen, in der Sie die URL eingeben können.
  4. Verwenden Sie die URL https://tiddlywiki.com/languages/de-AT/empty.html oder https://tiddlywiki.com/languages/de-DE/empty.html
  5. Wenn die leere Version geladen wurde, dann tippen Sie "save" (Das zweite "icon" oben rechts)
    • Ein Hinweis Dialog sollte erscheinen, wo Sie den lokalen Namen eingeben können.
  6. Geben Sie den neuen Dateinamen ein. Die Endung .html nicht vergessen!
  7. Bearbeiten Sie Ihr TiddlyWiki wie gewohnt.
  8. Um Änderungen zu speichern, tippen Sie wieder den save Button.
    • Eine Bestätigungs Information sollte oben rechts auftauchen.

HINWEIS: TWEdit steht in keiner Beziehung zu TiddlyWiki

ErsteSchritte - Node.js

pmario 9. September 2014 um 11:53

Siehe: https://tiddlywiki.com/#GettingStarted - Node.js

ErsteSchritte - Safari

pmario 9. September 2014 um 11:08

Safari kann TiddlyWiki nur mit der HTML5-kompatiblen Methode speichern.

Diese Methode ist etwas umständlich, da jeder Schritt manuell gemacht werden muss.

  1. Speichern Sie eine leere Datei der deutschen Version.
    Ihr Browser kann eventuell nachfragen, ob die Datei gespeichert werden soll.
  2. Suchen Sie die eben geladene Datei im Datei Manager.
    • Geben Sie der Datei einen vernünftigen Namen und stellen Sie sicher, dass die Endung .html oder .htm ist.
  3. Öffnen Sie die Datei mit Ihrem Browser.
  4. Erstellen Sie einen neuen Tiddler mit dem plus im rechten Menü.
  5. Geben Sie den Text ein und bestätigen die Eingabe mit dem OK.
  6. Speichern Sie die Änderungen mit: speichern im rechten Menü
  7. Ein "popup" mit "Änderungen speichern" wird angezeigt. Es enthält einen Link mit der Information Rechts klicken um zu speichern
  8. Klicken Sie den Link mit der rechten Maustaste und wählen: "Ziel Speichern unter ..."
  9. Wählen Sie das Verzeichnis, und selektieren Sie die existierende Datei.
  10. Klicken Sie den "Speichern" Button.
  11. Klicken Sie "Ersetzen" um das Überschreiben zu erlauben.
  12. Laden Sie das Browser Fenster neu.
  13. Überprüfen sie, ob die Änderungen richtig gespeichert wurden.

Filter

pmario 23. September 2014 um 20:29

Siehe: https://tiddlywiki.com/#Filters

Finde den Ring

pmario 23. September 2014 um 10:49

FireFox

pmario 13. September 2014 um 18:56

Siehe: https://www.mozilla.org/de/firefox/new/?utm_source=getfirefox-com&utm_medium=referral

Formatierungen in WikiText

ChrisK 22. September 2014 um 12:24

Mögliche Zeichen Formatierungen sind:

Format NameBeispiel
`code` für Code
``code``Alternativ: doppelte backticks erlauben `eingebettete` backticks
''bold''für fett gedruckten Text
//italic//für hervorgehobenen Text
__underscore__für unterstrichenen Text
^^superscript^^für hochgestellten Text
,,subscript,,für tiefgestellten Text
~~strikethrough~~für durchgestrichenen Text

Siehe auch: Code Block in WikiText

Für Entwickler

 18. Mai 2015 um 08:59

Es gibt mehrere Ressourcen für Entwickler, um mehr über das TiddlyWiki Projekt zu erfahren, zu diskutieren und vor allem mitzuhelfen.

Gedankenstrich in WikiText

ChrisK 22. September 2014 um 12:28

Der Halbgeviertstrich, englisch "n-dash", kann mit 2 "minus" Zeichen erzeugt werden. -- ergibt: –

Der Geviertstrich, englisch "m-dash", wird mit 3 "minus" Zeichen erzeugt: --- ergibt: —

Gehe nach Mordor

pmario 23. September 2014 um 10:42

Geviertstrich

pmario 13. September 2014 um 11:18

Der Geviertstrich (—) ist in der Typografie ein waagerechter Strich, der ein Geviert lang ist. Er wird verwendet als Spiegelstrich und in Tabellen sowie als Gedankenstrich in verschiedenen Sprachen wie dem Englischen und dem Spanischen. Andere waagerechte Striche sind das Minuszeichen, der Viertelgeviertstrich, der Halbgeviertstrich und der Doppelgeviertstrich.

Wikipedia: http://de.wikipedia.org/wiki/Geviertstrich

GitHub

 18. Mai 2015 um 08:43

GitHub ist eine, für OpenSource Projekte kostenlose, Plattform, die es erlaubt gemeinsam an einem Projekt zu arbeiten und zu kommunizieren.

Halbgeviertstrich

pmario 13. September 2014 um 11:16
Dieser Artikel oder Absatz stellt die Situation in Deutschland, Österreich und der Schweiz dar.

Der Halbgeviertstrich (–) ist in der Typografie ein waagerechter Strich, der ein Halbgeviert lang ist. Er wird als Gedankenstrich, Bis-Strich und Streckenstrich sowie bei Geldbeträgen verwendet. Andere waagerechte Striche sind das Minuszeichen, der Viertelgeviertstrich, der Geviertstrich und der Doppelgeviertstrich.

Wikipedia siehe: http://de.wikipedia.org/wiki/Halbgeviertstrich

HelloThere

pmario 18. Mai 2015 um 14:31

Willkommen!

Haben Sie schon jemals das Gefühl gehabt, Ihr Gehirn sei nicht groß genug, um sich alles zu merken, was Ihnen wichtig ist?

Willkommen bei TiddlyWiki, dem einzigartigen nicht-linearen Web-Notizbuch, das Ihnen hilft Ihre Ideen zu sammeln, zu strukturieren und weiter zu geben.

TiddlyWiki Präsentation
TiddlyWiki Speichern
Basis Einführung
Was ist neu in 5.3.5