Back Go back to the home page¶ Embed images
The image is embedded directly in the text.
The resolution is defined as 16x16 pixels so that it fits well into the flow of the text.
Without optional dimension specification, the image would be presented in full resolution.
The image is embedded directly  in the text.
The resolution is defined as `16x16 pixels` so that it fits well into the flow of the text.
Without optional dimension specification, the image would be presented in full resolution.
¶ Embed images (with spoiler)
<details>
</details>
¶ Block quote
This is a regular block quote.
This is a information block.
This is a success block.
This is a warning block.
This is a error/danger block.
> This is a regular block quote.
> This is a information block.
{.is-info}
> This is a success block.
{.is-success}
> This is a warning block.
{.is-warning}
> This is a error/danger block.
{.is-danger}
¶ Emoji
You can use a variety of emojis like 
or 
.
You can use a variety of emojis like :palm_tree: or :tea:.
A detailed overview of supported emojis can be found in this Cheat Sheet.
¶ Footnotes
In this text[^1] there are two footnotes[^2].
The footnotes can be found in the end of each page.
[^1]: This is the first footnote.
[^2]: This is the second footnote.
¶ Horizontal dividing line
This text is separated with a horizontal line
separate dividing line.
This text is separated with a horizontal line
---
separate dividing line.
¶ Hyperlinks
The hyperlinks can be embedded as text and as image .
The hyperlinks can be embedded as [text](/en/markdown-guide) and as image [](/en/markdown-guide).
¶ List (todo list)
- This list entry is complete.
- This list entry has yet to be made.
- [X] This list entry is complete.
- [ ] This list entry has yet to be made.
¶ List (numbering)
- First entry
- Second entry
- Third entry
1. First entry
2. Second entry
3. Third entry
It's suficient numbering all entries with
1..
When the page is built, the numbering is automatically corrected and counted in the recorded order.
¶ List (without numbering)
Here is a example of a simple list:
- A simple list entry
- Yet another simple list entry
- And another simple list entry
Here is a example of a grid list:
- A grid element
- Another grid element
- And another grid element
Here is a example of a list formated especially for hyperlinks:
Here is a example of a simple list:
- A simple list entry
- Yet another simple list entry
- And another simple list entry
Here is a example of a grid list:
- A grid element
- Another grid element
- And another grid element
{.grid-list}
Here is a example of a list formated especially for hyperlinks:
- [A hyperlink *with description*](/en/markdown-guide)
- [Another hyperlink *with aditional description*](/en/markdown-guide)
- [And another hyperlink *also with description*](/en/markdown-guide)
{.links-list}
¶ Source code
This text contains inline source code formatting.
This entire text block is formatted as source code.
Example with highlight:
public static void Main(string[] args)
{
Ambiente.Exit(0);
}
This text contains `inline` source code formatting.
```
This entire text block is formatted as source code.
```
Example with highlight:
```csharp
public static void Main(string[] args)
{
Ambiente.Exit(0);
}
```
¶ Spoilers
Warning: Spoilers
This is a spoiler text.<details>
<summary>Warning: Spoilers</summary>
This is a spoiler text.
</details>
¶ Table
| Designation | type | value |
|---|---|---|
| First element | First | 1600 |
| Second element | Second | 12 |
| Third element | Third | 1 |
| Designation | type | value |
|:-------------- |:-------:| ----:|
| First element | First | 1600 |
| Second element | Second | 12 |
| Third element | Third | 1 |
¶ Tabs
The tabs, which can already be seen on the whole page, should serve as an example.
## Tabs {.tabset}
### Preview
The tabs, which can already be seen on the whole page, should serve as an example.
### Source code
```markdown
TEXT...
```
The tabs can only be used if the corresponding titles are used.
As can be seem in the example, the element{.tabset}must be attached to a top header.
For each tab, a corresponding header must be specified one level below, which serves as a tab designation.
¶ Keyboard icons
The keyboard icons can also be rendered to improve documentation and guides
CTRL + X to cut a content.
CTRL + C to copy a content.
CTRL + V to paste a content.
The keyboard icons can also be rendered to improve documentation and guides
<kbd>CTRL</kbd> + <kbd>X</kbd> to cut a content.
<kbd>CTRL</kbd> + <kbd>C</kbd> to copy a content.
<kbd>CTRL</kbd> + <kbd>V</kbd> to paste a content.
¶ Text formatting
This text is in bold.
This text is in italic.
This text is underlined.
This text is also underlined.
This text is crossed out.
This text is superscript.
This text is subscript.
This text is in **bold**.
This text is in *italic*.
This text is <ins>underlined</ins>.
This text is also <u>underlined</u>.
This text is ~~crossed out~~.
This text is ^superscript^.
This text is ~subscript~.
CTRL + B for bold.
CTRL + I for italic.
¶ Headlines
The titles are also used very frequently in this page.
The level of the title can be specified using #. The fewer #, the higher the level and vice versa.
The syntax can be checked accordingly in the source text tab.
As alternative, = or - can also be inserted below the headline.
# 1st level header
## 2nd level header
### 3rd level header
#### 4th level header
##### 5th level header
###### 6th level header
####### This is no longer a header.
This is an alternative syntax for a level 1 heading
==
This is an alternative syntax for a level 2 heading
--
¶ Additional
There are other functions that still must be documented or are provided by plugins.
Wiki.js offers full markdown support.
Therefore, functions not described here should also work (e.g. embedding YouTube videos, etc.).