Table of Contents

DOKUWIKI Native Syntax

In this page most of the Dokuwiki syntax is covered. Special Synatx as per Mikio Toolbar is here.

Regular

^ 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

Others

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't
Well, I say we should

Really?

Yes!
Then lets do it!

Special For Coding

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

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.
    }[[wiki:A]]
}


Mikio Syntax

Text

<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

<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.


Small Text

This is normal Text <small>and this is small</small>Understood?
Result
This is normal Text and this is small Understood?


Placeholder Text

<placeholder text="some text" color=gray text-color=red height=4em width=15em>
Result

some text

Pagenation

<pagenation> <pagenation-item url="wiki:B"> <pagenation-item url="wiki:A"> </pagenation>
Result


List Group

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


Button

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


ALERT

Same color & Shadow style as per Button

<alert danger shadow-large width=50em dismissible >A simple secondary alert - check it out!</alert>
Result


BADGE

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

\


1)
This is a foot note