In this page most of the Dokuwiki syntax is covered. Special Synatx as per Mikio Toolbar is here.
redred start the line with two or more spaces.
^ Heading 1 ^ Heading 2 ^ Heading 3 ^
| Row 1 Col 1 | Row 1 Col 2 | Row 1 Col 3 |
| Row 2 Col 1 | some colspan (note the double pipe) ||
| Row 3 Col 1 | | Row 3 Col 3 | Result
| Heading 1 | Heading 2 | Heading 3 |
|---|---|---|
| Row 1 Col 1 sdfs | Row 1 Col 2 | Row 1 Col 3 |
| Row 2 Col 1 | some colspan (note the double pipe) | |
| Row 3 Col 1 | Row 3 Col 3 | |
I think we should do it
> No we shouldn't
>> Well, I say we should
> Really?
>> Yes!
>>> Then lets do it! Result
I think we should do it
No we shouldn'tWell, I say we shouldReally?
Yes!Then lets do it!
For Writing codes with highlighting use. Replace java with the language name like php etc
<code java>/**
* The HelloWorldApp class implements an application that
* simply displays "Hello World!" to the standard output.
*/
class HelloWorldApp {
public static void main(String[] args) {
System.out.println("Hello World!"); //Display the string.
}
}</code> Result
/** * The HelloWorldApp class implements an application that * simply displays "Hello World!" to the standard output. */ class HelloWorldApp { public static void main(String[] args) { System.out.println("Hello World!"); //Display the string. }[[wiki:A]] }
This code can be made downloadable with
<file java demo.js>/**
* The HelloWorldApp class implements an application that
* simply displays "Hello World!" to the standard output.
*/
class HelloWorldApp {
public static void main(String[] args) {
System.out.println("Hello World!"); //Display the string.
}
}</file> Result
/** * The HelloWorldApp class implements an application that * simply displays "Hello World!" to the standard output. */ class HelloWorldApp { public static void main(String[] args) { System.out.println("Hello World!"); //Display the string. }[[wiki:A]] }
<text color="#e59c09" size=24px weight=bold line-height=2 background-color="FFFFee" text-decoration="underline red double 2px" > \\
color=(color name or hex), size:=(px, em, rem or %), weight=(normal, bold, bolder or number thickness), background-color=(color name or hex), line-height=(Positive integer), text-decoration=(underline, overline, line-through, "underline red double 5px"</text>
RESULT
color=(color name or hex), size:=(px, em, rem or %), weight=(normal, bold, bolder or number thickness), background-color=(color name or hex), line-height=(Positive integer), text-decoration=(underline, overline, line-through, “underline red double 5px”
<tab-group pills>
<tab title="A tab" pills>
Tab Group can have pills or without it. You can have anything in a tab. Tabs can have title & can be disabled.
</tab>
<tab title="Second tab">
Contains of Second Tab. Third Tab is disabled.
</tab>
<tab disabled title="The third tab">
Third Tab is disabled.
</tab>
</tab-group>
RESULT
Tab Group can have pills or without it. You can have anything in a tab. Tabs can have title & can be disabled.
Contains of Second Tab. Third Tab is disabled.
Third Tab is disabled.
This is normal Text <small>and this is small</small>Understood?
Result
This is normal Text and this is small Understood?
<placeholder text="some text" color=gray text-color=red height=4em width=15em>
Result
<pagenation>
<pagenation-item url="wiki:B">
<pagenation-item url="wiki:A">
</pagenation>
Result
this list works even under cards & Boxes
<listgroup width=50%>
<listgroup-item active> <listgroup flush> removes borders.</listgroup-item>
<listgroup-item disabled><listgroup horizontal> lists items in a row</listgroup-item>
<listgroup-item>Morbi leo risus</listgroup-item>
</listgroup>
Result
Remember that the colors of the Button as well as Alert are based on same name to color relation.
<button primary width=10%>Primary</button>
<button secondary shadow-large>Secondary</button>
<button success shadow-small>Success</button>
<button danger shadow>Danger</button>
<button warning>Warning</button>
<button info>Info</button>
<button light>Light</button>
<button dark>Dark</button>
<button link>Link</button>
RESULT
Primary
Secondary
Success
Danger
Warning
Info
Light
Dark
Link
Same color & Shadow style as per Button
<alert danger shadow-large width=50em dismissible >A simple secondary alert - check it out!</alert>
Result
Every config option similar to Button
<button large>Notifications <badge light>4</badge></button>
Result
Notifications 4
for detailed list of features of Mikio Plugin please refer to wiki For detailed list of features of Struct Plugin please refer to struct
\