Inline Formatting

To Format Text As...	Use This Mark-Up
Bold	`''Bold''` Two single-quotes, not a double-quote.
Italics	`//Italics//`
*Bold Italics*	`''//Bold Italics//''`
Underline	`__Underline__`
~~Strikethrough~~	`--Strikethrough--`
Super^script	`Super^^script^^`
Sub_script	`Sub~~script~~`
Highlight	`@@Highlight@@`
PlainText No ''Formatting''	`<nowiki>PlainText No ''Formatting''</nowiki>`

Block Elements

Headings

!Heading Level 1

!!Heading Level 2

!!!Heading Level 3

!!!!Heading Level 4

!!!!!Heading Level 5

!!!!!!Heading Level 6

Unordered Lists

Example

Unordered List, Level 1
- Unordered List, Level 2
  - Unordered List, Level 3

Mark-Up Used

* Unordered List, Level 1
** Unordered List, Level 2
*** Unordered List, Level 3

Ordered Lists

Example

Ordered List, Level 1A
Ordered List, Level 1B
1. Ordered List, Level 2A
  1. Ordered List, Level 3A

Mark-Up Used

# Ordered List, Level 1A
# Ordered List, Level 1B
## Ordered List, Level 2A
### Ordered List, Level 3A

Definition Lists

Example

term: description

Mark-Up Used

; term
: description

Blockquotes

Example

blockquote, level 1
blockquote, level 2
blockquote, level 3

Mark-Up Used

> blockquote, level 1
>> blockquote, level 2
>>> blockquote, level 3

Block Example

blockquote

Mark-Up Used

<<<
blockquote
<<<

Preformatted

Example

preformatted (e.g. code)

Markup Used

{{{
preformatted (e.g. code)
}}}

Tables

There is also an in-depth article on Tables.

Columns are delimited by a single pipe character (|); a new line creates a new row.

Example

caption
heading column 1	heading column 2
row 1, column 1	row 1, column 2
row 2, column 1	row 2, column 2
COLSPAN
ROWSPAN	…
ROWSPAN	…
…	…

Markup

 |CssClass|k
 |!heading column 1|!heading column 2|h
 |row 1, column 1|row 1, column 2|
 |row 2, column 1|row 2, column 2|
 |>|COLSPAN|
 |ROWSPAN| &hellip; |
 |~| &hellip; |
 |CssProperty:value;&hellip;| &hellip; |
 |caption|c

Notes:

The > marker creates a "colspan", causing the current cell to merge with the one to the right.
The ~ marker creates a "rowspan", causing the current cell to merge with the one above.

Images

See tiddlywiki.com

Custom Styling

inline styles: @@CssProperty:value;CssProperty:value;...@@ N.B.:' CSS color definitions should use lowercase letters to prevent the inadvertent creation of WikiWords.
class wrapper: {{customClass{...}}}

Example

lorem ipsum dolor 'sit' amet

(The <code>indent</code> is provided by the TiddlyWiki core in StyleSheetLayout.)

Inserting HTML

raw HTML can be inserted by enclosing the respective code in HTML tags (<html>...</html>).

Avoiding Wikificitation ==

To prevent wiki markup from taking effect for a particular section (e.g. special characters), that section can be enclosed in three double quotes: e.g. """WikiWord""" (cf. Escaping).

Special Markers

<br> forces a manual line break
---- and <hr> create a horizontal rule
HTML entities
> calls the respective Macros
To hide text within a tiddler so that it is not displayed, it can be wrapped in /% and %/. This can be a useful trick for hiding drafts or annotating complex markup.

TiddlyWiki Markup

Inline Formatting

Block Elements

Headings

!Heading Level 1

!!Heading Level 2

!!!Heading Level 3

!!!!Heading Level 4

!!!!!Heading Level 5

!!!!!!Heading Level 6

Unordered Lists

Example

Mark-Up Used

Ordered Lists

Example

Mark-Up Used

Definition Lists

Example

Mark-Up Used

Blockquotes

Example

Mark-Up Used

Block Example

Mark-Up Used

Preformatted

Example

Markup Used

Tables

Example

Markup

Images

Links

Examples

Custom Styling

Example

Inserting HTML

Avoiding Wikificitation ==

Special Markers

See Also