DOKUWIKI Native Syntax
In this page most of the Dokuwiki syntax is covered. Special Synatx as per Mikio Toolbar is here.
Regular
- Bold Letters needs to be surrounded like **bold** Result bold
- Italic Letters needs to be surrounded like //Italic// Result Italic
- For Underlined letters use double underscore __Underlined__ Result Underlined
- For Red colored text use double single quotes ''red'' Result
red - For full line to be in
redstart the line with two or more spaces.
- For Strikeout use <del>deleted</del> Result
deleted
- For internal Links use folder name : page name then Pipe and link display text [[wiki:A|Page A]] Result Page A
- You can create links for non existing pages as well, Page B is such an example.
- For image use double image insertion tool in the toolbar. {{:wiki:logo.png?nolink&50|}}
- For External link use the external link insertion tool in the toolbar.
- Headings are written with surrounding = singes 6= is H1, 5= is h2, 4= is h3, 3= is h4, & 2= is h5 like ===H4===
- Unordered list is made by double space & a *
- Ordered list is made by double space & a - (dash)
- With double Enter Button Paragraph starts from very next line
- If you want to insert a blank line use double back slash like \\
- Table Formatting Each line should start on New Line
^ 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 | |
- In a Table surround field value with double space for center alignment.
- In a Table start field value with double space for right alignment.
- In a Table end field value with double space for left alignment.
Others
- For Subscript use <sub>subscript </sub> Result subscript
- For Superscript use <sup>subscript</sup> Result superscript
- This is Syntax for special arrows -> <- <-> => <= <=> >> << -- --- 640x480 (c) (tm) (r) Result → ← ↔ ⇒ ⇐ ⇔ » « – — 640×480 © ™ ®
- This is Special formatting However each line should start as new
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!
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
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
- <listgroup flush> removes borders.
- <listgroup horizontal> lists items in a row
- Some Text
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
\