With the help of the extensive wiki syntax and additional buttons in the page's editing mode, it is possible to customise articles. For example, you can set text elements to bold or italic and add headers, links, or formulas.

Wiki article formatting buttons

Certain keyboard characters, such as quotes, apostrophes, equal signs, or asterisks, allow you to format the text of the wiki article. Alternatively, you can also use the usual formatting buttons, which become available when switching to the editing mode of the article.

Formatting buttonsInput with formatting charactersExplanation including an example in the article



bold text

italic text

==header text==

This is how you can mark headers (level 2).

* unsorted
* unsorted

# sorted
# sorted
  • unsorted
  • lists
  1. sorted
  2. lists


(e.g. <math>c = a + b</math>)


$$<formula>$$  (z.B $$c = a + b$$)

(e.g. \(c = a + b\) )

You can use this symbol to enter mathematical formulas so that the following code


results in this formula:

By clicking the button, sample content is inserted first. Adjust it and fill in the required formula.

Formulas are displayed centred by default. If you want the formula to be displayed in the running text, please use the scheme \(<formula>\).


Use this button to embed a link to an internal page:

If an article with this title (e.g. Index) exists already, you can refer to it from the currently opened article. Just put the title of the article to be referred to in square brackets.

Alternatively, you can also use the button Insert link to display a list of existing articles. By clicking on the title of an article in this list, a link is automatically embedded in the article.

If you wish to use an alternative link text instead of the page name, enter a pipe (|) after the actual link text and then the text to be displayed, e.g. [[index|Home page]]. Further formatting options for links are given in the overview below.

[http://www.bps-system.de/ link text]

Use this button to embed a link to an external page. A sample text will be inserted. Adjust its URL and alternative link text.

<nowiki>enter the unformatted text here</nowiki>With this button, you can display unformatted text.
----This is how you add a horizontal separator.

This button will open the upload function. It allows you to upload files from your computer to the Wiki via drag-and-drop.

This button will open a list of all the articles within the Wiki. By clicking on an entry, this article will be inserted as a link in the current article.

This button will open a list of all the files uploaded to the Wiki. By clicking on an entry, this file will be inserted into the article.

While images are directly displayed in the article, other file formats such as PDF, Word or HTML files will be displayed as a link to be downloaded.

To add an image or a file to your article, proceed as follows:


Open the wiki article in the editing mode by clicking on the tab Edit article.

Upload file
2To add a new file to the wiki, click on Upload file.

The upload function opens. Add the desired files here by drag-and-drop or by selecting them from your device.

Upload dialogue
4Click on Upload.

Then place the mouse or cursor at the position in the article where the file should be integrated.

Add file
6Click on Add file. A list of files that have already been added to the wiki opens.
7Select the desired file, which will then be added to your article in the wiki syntax. If necessary, you can also use additional Wiki syntax formatting to adjust the file’s size and position.
88. Save your entries.

Images are directly displayed in the article, other file formats such as PDF, Word or HTML files as a download link.

This button will open a list of all Wiki categories. By clicking on an entry, this category will be added to the current article.
Information about the creator



Insert three tilde characters to display the name of the page creator in this position. You can also insert four tilde characters for a time stamp.

Underline<u>underline</u>This is how you underline words.

Text colour<span style="color:#006400"> text</span>This is how you change the text colour. You will find a simple colour table at https://en.wikipedia.org/wiki/Web_colors)
Line break</br>

This is how to create a line break only. You do not create a new paragraph. A new paragraph (with larger line spacing) is created by an empty line.

Right-aligned text<div align="right">right-aligned text</div>Align text to right
Left-aligned text<div align="left">left-aligned text</div>Align text to left
Centered text<div align="center">centered text</div>Align text to center
Superscripttext<sup>superscript</sup>This is how to superscript a text.



This is how to subscript a text.
List of definitions

;term 1

: definition 1

;term 2

: definition 2-1

: definition 2-2

To create a list of terms.
Indentation without bullet list

:single indentation

::double indentation

::::: multiple indentation

By entering the colon, the line can be indented according to the colons used.

Bullet list without numbers






This is how you create an unnumbered list.
Bullet list with numbers






This is how you create a numbered list.
Coloured paragraph<p style="color:red;"> This is a whole paragraph </p>This is how you create a colored paragraph.
Background for one or a few words<span style="background-color: yellow;">example</span>With this code you can adjust the background color.

Coloured text + background of a paragraph
<p>Lorem ipsum <span style="background-color: yellow;">example </span> dolor sit amet, consetetur sadipscing elitr.</p>
Use this code to color text and its background.

Add table

|cell 1
|cell 2
|cell 3
|cell 4

To create a table in the article, you can use brackets and hyphens.

cell 1 cell 2
cell 3 cell 4
Border around table

{| border ="1"
|cell 1
|cell 2
|cell 3
|cell 4

Table (column width (Percent))

{| border = "1"
! width = "10%"|column 1
! width = "20%"|column 2

! width = "40%"|column 3

|cell 1
|cell 2

|cell 3
|cell 4
|cell 5

|cell 6

Possible by specifying percent values. A line that starts with ! is automatically displayed bold and centered.
Table (column width (Pixels))

{| border = "1"
! width = "50px" |column 1
! width = "100px"|column 2
! width = "400px"|column 3
|cell 1
|cell 2
|cell 3
|cell 4
|cell 5
|cell 6

Possible by specifying pixel values. A line that starts with ! is automatically displayed bold and centered.

Internal link[[Wiki page]]Links are underlined by default.
External linkhttps://www.abc.deLinks are underlined by default.
Image description (when hovering the mouse pointer over the image)

[[Image:name of the image.png|description of the image|200px]]

[[Image:name of the image.png||description of the image|200px]]

[[Image:BPS_Logo.png|| description of the image|200px]]

Text before the picture

<span>[[Image:BPS_Logo.png|right|20px|BPS Logo with more text]]</span>

<div style="clear: both;"></div>

some more text

Enter your favourite text after the pipe (|). If you start the text with a space, it will be displayed with a border and at a greater distance from the image.

If the text extends beyond the width of the image, it gets wrapped. In this case, overlapping can occur. This can be avoided by using the HTML additions span and div.




[[Image:name of the image.jpg|thumb|description of the image]]

Enter thumb to create a thumbnail. In the article view, the user will see a smaller image. If they click on it, the image will be enlarged to its original or specified size.


Enter "left" or "right" after the pipe (|).
Image size[[Image:BPS.png|120px]]Enter your favourite size after the pipe (|).
Caption[[Image:BPS.png|Das ist das BPS-Logo.]]Enter your favourite text after the pipe (|).

Multiple formats

[[Image:BPS.png|right|30px|thumb|This is the BPS logo.]]Separate multiple formats by using a pipe (|).


  • No labels