''bold''
//italics//
''//bold italics//''
__underline__
~~strikethrough~~
super^^script^^
sub,,script,,
foo -- bar
foo --- bar
!Heading 1
!!Heading 2
!!!Heading 3
<center>Центрированный текст.</center>
---
horizontal rules
<hr>
horizontal rules
`code`
code
...via backticks``with `backticks` ``
with `backticks`
``` monospaced codeblock ```
monospaced
codeblock
"""
force
hard
linebreaks
like
this...
"""
force
hard
linebreaks
like
this...
...since
new paragraphs
need two linebreaks
in tw5
...since new paragraphs need two linebreaks
in tw5
> block
>> quotes
>>> are </dd>easy
blockquotesare
easy
<<<
real
easy
<<<
real easy
* unordered
** list
# ordered
## list
;definition
:term
# mixed
#* lists
#;you
#:know
#>like so
like so
!.h1-class.red CSS
#.li-class.red classes
*.li-class.red can be
;.dt-class.red assigned
:.dd-class.red like
>.blockquote-class.red this
this
[[The Tiddler]]
[[pretty title|The Tiddler]]
CamelCase
~SuppressedCamelCase
CamelCase
~SuppressedWikiLink
http://tiddlywiki.com
[[pretty|http://pretty.com]]
~http://not.alink.com
http://tiddlywiki.com
google
http://not.alink.com
file://///windows/network<br>
file:///c:/Windows/foo<br>
file:///linux/local<br>
file://///windows/network
file:///c:/Windows/foo
file:///linux/local
file:///
only via local tw!
[ext[forced.link.com]]
[ext[tw|tiddlywiki.com]]
[ext[foo|file:///c:/foo]]
[ext[relative/path]]
[img[example.jpg]]
[img[tooltip|example.jpg]]
[img width=16 [example.jpg]]
[img class="tc-image" [example.jpg]]
[img[http://www.tiddlywiki.com/favicon.ico]]
[img[path/image.jpg]]
[img width={{!!mywidth}} class=<<image-classes>> [example.jpg]]
{{example.jpg}}
params via
transclusion or
macro
embed via transclusion
@@.myStyleClass.red
;term
:definition
@@
@@color:red;
;css styles
:apply directly like this
@@
@@color:red; or this @@
or this
@@.tc-tiddler-frame
@@width:200px;height:50px;
or combine both
@@
or combine both
@@.purple Am I purple?@@
<style>
.purple{color:purple;}
</style>
| !Header | !Header | Mhhh ?!? |
|^NE |^ N |^ NW|
|W | ✦ | E|
|,SW |, S |, SE|
|merge|left|<|
|and|now| vertical |
|>| right|~|
Header | Header | Mhhh ?!? |
---|---|---|
NW | N | NE |
W | ✦ | E |
SW | S | SE |
merge | left | |
and | now | vertical |
right |
<article class="hello">
HTML tags work like that.
<!-- even comments -->
</article>
<a href={{TiddlerWithURL}}>link</a>
<b class=<<getClass>>>bold</b>
link bold
set attributes via transclusion or macro
<div address="""attribute,
"quoted",
with,
linebreaks.""">inspect me!</div>
*nest<div>
;via
:html
</div>
{{Foo}}
{{Foo||Bar}}
{{||Foo}}
{{Foo!!bar}}
{{!!bar}}
{{Foo##index}}
{{##index}}
{{{ [tag[Foo]] }}}
{{{ [tag[Foo]] ||Bar}}}
» transcludes tiddler Foo
» Foo
with template Bar
» template Foo
for CurrentTiddler
» field bar
of Foo
» field bar
of CurrentTiddler
» index
of datatiddler Foo
» index
of CurrentTiddler
(=data)
» list of tiddlers tagged Foo
» same using template Bar
\define run(foo:'bar') [[$foo$]]
<<run "foo bar">>
» defines macro run
» with parameter foo
» whose value defaults to bar
» outputs a link to value of param:
foo bar
\define test()
I am $(x)$.
\end
<$set name="x" value="y
of z">
<<test>>
</$set>
» defines macro test which
» outputs value of variable x
» sets variable x to: "y
of z" (multiline allowed)
» runs macro test which outputs:
"I am y of z."
\define test(x, y, z:'0')
$x$ $y$ $z$
\end
<$macrocall
$name="test"
x=<<version>>
y={{!!title}}/>
» defines macro test
» outputs 3 params
» calls test via macrocall widget
» using macro version as param x
» and transclusion as param y
» outputs:
5.2.1 Markup 0
$$$text/unknown
plain text, not //formatted//
$$$
plain text, not //formatted//
These are Typed Blocks
$$$image/svg+xml
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="100">
<circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="green" />
</svg>
$$$
$$$.svg
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="100">
<circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="red" />
</svg>
$$$
$$$text/vnd.tiddlywiki>text/html
This is ''some'' wikitext
$$$
<p>This is <strong>some</strong> wikitext</p>
$$$text/vnd.tiddlywiki>text/plain
This is ''some'' wikitext
$$$
This is some wikitext