Wiki source code of Wikisyntax

Last modified by Carina Enke on 17.11.2025

version	line-number	content
244.1	1	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.
190.1	2
244.1	3	[[image:attach:Kursrun - Wiki Syntax_en.png\|\|data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
228.1	4
244.1	5	{{expand title="Overview of the wiki syntax and additional buttons ..."}}
	6	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.
76.1	7
244.1	8	{{expand title="Formatting with buttons or input fields ..."}}
	9	(% class="wrapped" %)
76.1	10	\|=(% colspan="1" %)(% colspan="1" %)
	11	(((
244.1	12	Formatting buttons
76.1	13	)))\|=(% colspan="1" %)(% colspan="1" %)
	14	(((
244.1	15	Input with formatting characters
76.1	16	)))\|=(% colspan="1" %)(% colspan="1" %)
	17	(((
244.1	18	Explanation including an example in the article
76.1	19	)))
	20	\|(((
228.1	21	(% class="content-wrapper" %)
	22	(((
244.1	23	[[image:LMS.Benutzerhandbuch OPAL.Icons.WebHome@Icon_fett.png]] [[image:LMS.Benutzerhandbuch OPAL.Icons.WebHome@Icon_kursiv.png]]
228.1	24	)))
76.1	25	)))\|(((
244.1	26	'''bold"
	27
	28	''italic''
76.1	29	)))\|(((
244.1	30	bold text
	31
	32	//italic //text
76.1	33	)))
	34	\|(((
244.1	35	(% class="content-wrapper" %)
228.1	36	(((
240.1	37	[[image:LMS.Benutzerhandbuch OPAL.Icons.WebHome@Icon_Überschrift.png]]
228.1	38	)))
76.1	39	)))\|(((
244.1	40	~==header text==
76.1	41	)))\|(((
244.1	42	(% class="TableParagraph" %)
	43	This is how you can mark headers (level 2).
76.1	44	)))
	45	\|(((
244.1	46	(% class="content-wrapper" %)
228.1	47	(((
240.1	48	[[image:LMS.Benutzerhandbuch OPAL.Icons.WebHome@Icon_Listen.png]]
228.1	49	)))
76.1	50	)))\|(((
244.1	51	(% style="color:#000000; text-decoration:none" %)* unsorted
	52	~* unsorted
	53	\\# sorted(%%)
	54	(% style="color:#000000; text-decoration:none" %)# sorted
76.1	55	)))\|(((
244.1	56	* unsorted
	57	* lists
76.1	58
244.1	59	1. sorted
	60	1. lists
76.1	61	)))
	62	\|(((
244.1	63	(% class="content-wrapper" %)
228.1	64	(((
240.1	65	[[image:LMS.Benutzerhandbuch OPAL.Icons.WebHome@Icon_Formel einbinden.png]]
228.1	66	)))
76.1	67	)))\|(((
244.1	68	(% style="color:#000000; text-decoration:none" %)<math><formula></math>
228.1	69
244.1	70	(% style="color:#000000; text-decoration:none" %)(e.g. <math>c = a + b</math>)
228.1	71
	72
244.1	73	alternatives:
228.1	74
244.1	75	$$<formula>$$ (z.B $$(% style="color:#000000; text-decoration:none" %)c = a + b(%%)$$)
228.1	76
244.1	77	$<formula>$
	78	(e.g. $(% style="color:#000000; text-decoration:none" %)c = a + b(%%)$ )
76.1	79	)))\|(((
228.1	80	(% class="content-wrapper" %)
	81	(((
244.1	82	You can use this symbol to enter mathematical formulas so that the following code
76.1	83
	84
	85	{{code}}
228.1	86	<math>\sqrt[3]{x-1}</math>
76.1	87	{{/code}}
	88
	89	(% style="text-align: left;" %)
244.1	90	results in this formula:
76.1	91
	92	[[image:attach:Kursrun - Formel im Wiki.png]]
224.1	93
244.1	94	(% style="color:#000000; text-decoration:none" %)By clicking the [[image:attach:Icon_Formel einbinden.png]]button, sample content is inserted first. Adjust it and fill in the required formula.
224.1	95
244.1	96
	97	(% style="color:#000000; text-decoration:none" %)Formulas are displayed centred by default. If you want the formula to be displayed in the running text, please use the scheme $<formula>$.
	98
	99
	100	(% class="TableParagraph" %)
	101
76.1	102	)))
	103	)))
	104	\|(((
244.1	105	(% class="content-wrapper" %)
228.1	106	(((
240.1	107	[[image:LMS.Benutzerhandbuch OPAL.Icons.WebHome@Icon_Link intern.png]]
228.1	108	)))
76.1	109	)))\|(((
244.1	110	~[~[index]]
76.1	111	)))\|(((
244.1	112	(% class="TableParagraph" %)
	113	Use this button to embed a link to an internal page:
76.1	114
244.1	115	(% class="TableParagraph" %)
	116	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.
228.1	117
244.1	118	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.
	119
	120	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.
76.1	121	)))
	122	\|(% colspan="1" %)(% colspan="1" %)
	123	(((
244.1	124	(% class="content-wrapper" %)
	125	(((
240.1	126	[[image:LMS.Benutzerhandbuch OPAL.Icons.WebHome@Icon_Link extern.png]]
244.1	127	)))
76.1	128	)))\|(% colspan="1" %)(% colspan="1" %)
	129	(((
244.1	130	(% style="color:#000000; text-decoration:none" %)~[[[http:~~/~~/www.bps-system.de/>>url:http://www.bps-system.de/\|\|shape="rect"]] link text]
76.1	131	)))\|(% colspan="1" %)(% colspan="1" %)
	132	(((
244.1	133	(% class="TableParagraph" %)
	134	Use this button to embed a link to an external page. A sample text will be inserted.(% style="color:#333333" %) Adjust its URL and alternative link text.
	135
	136
	137
76.1	138	)))
	139	\|(% colspan="1" %)(% colspan="1" %)
	140	(((
244.1	141	(% class="content-wrapper" %)
	142	(((
240.1	143	[[image:LMS.Benutzerhandbuch OPAL.Icons.WebHome@Icon_unformatierter Text.png]]
244.1	144	)))
76.1	145	)))\|(% colspan="1" %)(% colspan="1" %)
	146	(((
244.1	147	<nowiki>enter the unformatted text here</nowiki>
76.1	148	)))\|(% colspan="1" %)(% colspan="1" %)
	149	(((
244.1	150	With this button, you can display unformatted text.
76.1	151	)))
	152	\|(% colspan="1" %)(% colspan="1" %)
	153	(((
244.1	154	(% class="content-wrapper" %)
	155	(((
240.1	156	[[image:LMS.Benutzerhandbuch OPAL.Icons.WebHome@Icon_Trennlinie.png]]
244.1	157	)))
76.1	158	)))\|(% colspan="1" %)(% colspan="1" %)
	159	(((
241.2	160	~-~-~-~-
76.1	161	)))\|(% colspan="1" %)(% colspan="1" %)
	162	(((
244.1	163	This is how you add a horizontal separator.
76.1	164	)))
	165	\|(% colspan="1" %)(% colspan="1" %)
	166	(((
244.1	167	(% class="content-wrapper" %)
	168	(((
	169	[[image:LMS.Benutzerhandbuch OPAL.Icons.WebHome@Icon_Datei hochladen_en.png]]
	170	)))
76.1	171	)))\|(% colspan="1" %)(% colspan="1" %)
	172	(((
232.9	173
76.1	174	)))\|(% colspan="1" %)(% colspan="1" %)
	175	(((
244.1	176	This button will open the upload function. It allows you to upload files from your computer to the Wiki via drag-and-drop.
76.1	177	)))
	178	\|(% colspan="1" %)(% colspan="1" %)
	179	(((
228.1	180	(% class="content-wrapper" %)
	181	(((
244.1	182	[[image:LMS.Benutzerhandbuch OPAL.Icons.WebHome@Icon_Link einfügen_en.png]]
228.1	183	)))
76.1	184	)))\|(% colspan="1" %)(% colspan="1" %)
	185	(((
232.9	186
76.1	187	)))\|(% colspan="1" %)(% colspan="1" %)
	188	(((
244.1	189	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.
76.1	190	)))
	191	\|(% colspan="1" %)(% colspan="1" %)
	192	(((
228.1	193	(% class="content-wrapper" %)
	194	(((
244.1	195	[[image:LMS.Benutzerhandbuch OPAL.Icons.WebHome@Icon_Datei einfügen_en.png]]
228.1	196	)))
76.1	197	)))\|(% colspan="1" %)(% colspan="1" %)
	198	(((
232.9	199
76.1	200	)))\|(% colspan="1" %)(% colspan="1" %)
	201	(((
228.1	202	(% class="content-wrapper" %)
	203	(((
244.1	204	(% class="TableParagraph" %)
	205	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.
76.1	206
244.1	207	{{info}}
	208	(% class="TableParagraph" %)
	209	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.
	210	{{/info}}
76.1	211
244.1	212	{{expand title="Add an image or a file to the article ..."}}
76.1	213
244.1	214
228.1	215	{{includeplus spaceKey="LMS" scrollPageId="8AC9158F0160FDF5F11ECDA30036B95B"/}}
76.1	216	{{/expand}}
	217	)))
228.1	218	)))
202.1	219	\|(% colspan="1" %)(% colspan="1" %)
76.1	220	(((
244.1	221	(% class="content-wrapper" %)
	222	(((
	223	[[image:LMS.Benutzerhandbuch OPAL.Icons.WebHome@Icon_Kategorie einfügen_en.png]]
	224	)))
76.1	225	)))\|(% colspan="1" %)(% colspan="1" %)
	226	(((
232.9	227
76.1	228	)))\|(% colspan="1" %)(% colspan="1" %)
	229	(((
244.1	230	This button will open a list of all Wiki categories. By clicking on an entry, this category will be added to the current article.
76.1	231	)))
228.1	232	{{/expand}}
	233
244.1	234	{{expand title="Further formatting options with input fields ..."}}
	235	(% class="wrapped" %)
228.1	236	\|=(((
244.1	237	Information about the creator
228.1	238	)))\|(((
	239	~~~~~~
	240
	241	~~~~~~~~
	242	)))\|(((
244.1	243	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.
	244	)))\|(((
	245	(% class="content-wrapper" %)
76.1	246	(((
228.1	247	[[image:attach:Kursrun - Wikisyntax Ersteller_de.png]]
	248	)))
244.1	249	)))
228.1	250	\|=(((
244.1	251	Underline
228.1	252	)))\|(((
244.1	253	<u>underline</u>
228.1	254	)))\|(((
244.1	255	This is how you underline words.
	256	)))\|(% rowspan="3" %)(% rowspan="3" %)
228.1	257	(((
244.1	258	(% class="content-wrapper" %)
	259	(((
232.9	260	[[image:attach:Kursrun - Wikisyntax Text_de.png]]
228.1	261	)))
244.1	262	)))
228.1	263	\|=(((
244.1	264	Text colour
228.1	265	)))\|(((
244.1	266	<span style="color:#006400"> text</span>
228.1	267	)))\|(((
244.1	268	This is how you change the text colour. You will find a simple colour table at [[https:~~/~~/en.wikipedia.org/wiki/Web_colors>>url:https://en.wikipedia.org/wiki/Web_colors\|\|shape="rect"]])
228.1	269	)))
244.1	270	\|=(((
	271	Line break
	272	)))\|(((
228.1	273	</br>
244.1	274	)))\|(((
	275	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.
228.1	276	)))
244.1	277	\|=(((
	278	Right-aligned text
	279	)))\|(((
	280	<div align="right">right-aligned text</div>
	281	)))\|(((
	282	Align text to right
	283	)))\|(((
	284
228.1	285	)))
244.1	286	\|=(((
	287	Left-aligned text
	288	)))\|(((
	289	<div align="left">left-aligned text</div>
	290	)))\|(((
	291	Align text to left
	292	)))\|(((
	293
228.1	294	)))
244.1	295	\|=(((
	296	Centered text
	297	)))\|(((
	298	<div align="center">centered text</div>
	299	)))\|(((
	300	Align text to center
	301	)))\|(((
	302
228.1	303	)))
244.1	304	\|=(((
	305	Superscript
	306	)))\|(((
	307	text<sup>superscript</sup>
	308	)))\|(((
	309	This is how to superscript a text.
	310	)))\|(((
	311
228.1	312	)))
244.1	313	\|=(((
	314	Subscript
	315	)))\|(((
	316	text<sub>subscript</sub>
	317	)))\|(((
	318	This is how to subscript a text.
	319	)))\|(((
	320
228.1	321	)))
244.1	322	\|=(((
	323	List of definitions
	324	)))\|(((
	325	;term 1
228.1	326
244.1	327	~: definition 1
228.1	328
244.1	329	;term 2
228.1	330
244.1	331	~: definition 2-1
228.1	332
244.1	333	~: definition 2-2
	334	)))\|(((
	335	To create a list of terms.
	336	)))\|(((
	337
228.1	338	)))
244.1	339	\|=(((
	340	Indentation without bullet list
	341	)))\|(((
	342	:single indentation
228.1	343
244.1	344	::double indentation
228.1	345
244.1	346	~::::: multiple indentation
228.1	347
232.9	348
244.1	349	)))\|(((
	350	By entering the colon, the line can be indented according to the colons used.
	351	)))\|(((
	352
228.1	353	)))
244.1	354	\|=(((
	355	Bullet list without numbers
	356	)))\|(((
	357	*one
228.1	358
244.1	359	*two
228.1	360
244.1	361	~~one-two
228.1	362
244.1	363	~~two-two
228.1	364
244.1	365	*three
	366	)))\|(((
	367	This is how you create an unnumbered list.
	368	)))\|(((
	369
228.1	370	)))
244.1	371	\|=(((
	372	Bullet list with numbers
	373	)))\|(((
	374	#one
228.1	375
244.1	376	#two
228.1	377
244.1	378	~#~#one-two
228.1	379
244.1	380	~#~#two-two
228.1	381
244.1	382	#three
	383	)))\|(((
	384	This is how you create a numbered list.
	385	)))\|(((
	386
228.1	387	)))
244.1	388	\|=(((
	389	Coloured paragraph
	390	)))\|(((
	391	<p style="color:red;"> This is a whole paragraph </p>
	392	)))\|(((
	393	This is how you create a colored paragraph.
	394	)))\|(((
	395
228.1	396	)))
244.1	397	\|=(((
	398	Background for one or a few words
	399	)))\|(((
	400	<span style="background-color: yellow;">example</span>
	401	)))\|(((
	402	With this code you can adjust the background color.
	403	)))\|(((
228.1	404	(% class="content-wrapper" %)
	405	(((
244.1	406	[[image:attach:image2020-10-15_17-13-2.png]]
228.1	407	)))
	408	)))
244.1	409	\|=(((
	410	Coloured text + background of a paragraph
	411	)))\|(((
228.1	412	(% class="content-wrapper" %)
	413	(((
244.1	414	<p>Lorem ipsum <span style="background-color: yellow;">example </span> dolor sit amet, consetetur sadipscing elitr.</p>
228.1	415	)))
244.1	416	)))\|(((
	417	Use this code to color text and its background.
	418
228.1	419	(% class="content-wrapper" %)
	420	(((
244.1	421
228.1	422	)))
244.1	423	)))\|(((
228.1	424	(% class="content-wrapper" %)
	425	(((
244.1	426
228.1	427	)))
	428	)))
	429	{{/expand}}
	430
244.1	431	{{expand title="Formatting of tables ..."}}
	432	(% class="wrapped" %)
228.1	433	\|=(((
244.1	434	Add table
228.1	435	)))\|(((
	436	{\|
244.1	437	~\|cell 1
	438	~\|cell 2
232.9	439	~\|-
244.1	440	~\|cell 3
	441	~\|cell 4
228.1	442	~\|}
	443	)))\|(((
244.1	444	To create a table in the article, you can use brackets and hyphens.
228.1	445
	446	(% class="wrapped" %)
76.1	447	\|(((
244.1	448	cell 1
76.1	449	)))\|(((
244.1	450	cell 2
76.1	451	)))
	452	\|(((
244.1	453	cell 3
76.1	454	)))\|(((
244.1	455	cell 4
76.1	456	)))
	457	)))
232.9	458	\|=(% scope="col" %)(((
244.1	459	Border around table
228.1	460	)))\|(((
232.9	461	{\| border ="1"
244.1	462	~\|cell 1
	463	~\|cell 2
232.9	464	~\|-
244.1	465	~\|cell 3
	466	~\|cell 4
228.1	467	~\|}
	468	)))\|(((
232.9	469
228.1	470	)))
	471	\|=(((
244.1	472	Table (column width (Percent))
228.1	473	)))\|(((
232.9	474	{\| border = "1"
244.1	475	! width = "10%"\|column 1
	476	! width = "20%"\|column 2
	477
	478	! width = "40%"\|column 3
	479
232.9	480	~\|-
244.1	481	~\|cell 1
	482	~\|cell 2
	483
	484	~\|cell 3
232.9	485	~\|-
244.1	486	~\|cell 4
	487	~\|cell 5
	488
	489	~\|cell 6
232.9	490	~\|}
228.1	491	)))\|(((
244.1	492	Possible by specifying percent values. A line that starts with ! is automatically displayed bold and centered.
228.1	493	)))
	494	\|=(% colspan="1" %)(% colspan="1" %)
202.1	495	(((
244.1	496	Table (column width (Pixels))
	497	)))\|(((
232.9	498	{\| border = "1"
244.1	499	! width = "50px" \|column 1
	500	! width = "100px"\|column 2
	501	! width = "400px"\|column 3
232.9	502	~\|-
244.1	503	~\|cell 1
	504	~\|cell 2
	505	~\|cell 3
232.9	506	~\|-
244.1	507	~\|cell 4
	508	~\|cell 5
	509	~\|cell 6
232.9	510	~\|}
202.1	511	)))\|(% colspan="1" %)(% colspan="1" %)
	512	(((
244.1	513	Possible by specifying pixel values. A line that starts with ! is automatically displayed bold and centered.
196.1	514	)))
244.1	515	{{/expand}}
200.1	516
	517
	518
244.1	519	{{id name="formatting"/}}
200.1	520
244.1	521	{{expand title="Formatting options for images and links"}}
228.1	522	(% class="wrapped" %)
	523	\|=(% colspan="1" %)(% colspan="1" %)
	524	(((
244.1	525	Internal link
228.1	526	)))\|(% colspan="1" %)(% colspan="1" %)
	527	(((
244.1	528	~[~[Wiki page]]
228.1	529	)))\|(% colspan="1" %)(% colspan="1" %)
	530	(((
244.1	531	Links are underlined by default.
228.1	532	)))
	533	\|=(% colspan="1" %)(% colspan="1" %)
	534	(((
244.1	535	External link
228.1	536	)))\|(% colspan="1" %)(% colspan="1" %)
	537	(((
244.1	538	[[https:~~/~~/www.abc.de>>url:https://www.abc.de\|\|shape="rect"]]
228.1	539	)))\|(% colspan="1" %)(% colspan="1" %)
	540	(((
244.1	541	Links are underlined by default.
228.1	542	)))
244.1	543	\|=(% colspan="1" %)(% colspan="1" %)
228.1	544	(((
244.1	545	Image description (when hovering the mouse pointer over the image)
228.1	546	)))\|(% colspan="1" %)(% colspan="1" %)
	547	(((
244.1	548	[(% style="color:#333333" %)[Image:name of the image.png\|description of the image\|200px]]
200.1	549
244.1	550	~[~[Image:name of the image.png\|\|d(% style="color:#333333" %)escription of the image\|200px]]
228.1	551
244.1	552	~[~[Image:BPS_Logo.png\|\| d(% style="color:#333333" %)escription of the image\|200px]]
228.1	553
	554
244.1	555	(% style="color:#333333" %)Text before the picture
228.1	556
244.1	557	(% style="color:#333333" %)<span>~[~[Image:BPS_Logo.png\|right\|20px\|BPS Logo with more text]]</span>
	558
	559	(% style="color:#333333" %)<div style="clear: both;"></div>
	560
	561	(% style="color:#333333" %)some more text
228.1	562	)))\|(% colspan="1" %)(% colspan="1" %)
	563	(((
244.1	564	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.
	565
	566
	567	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.
228.1	568	)))
	569	\|=(% colspan="1" %)(% colspan="1" %)
	570	(((
244.1	571	Thumbnail
228.1	572	)))\|(% colspan="1" %)(% colspan="1" %)
	573	(((
	574	~[~[Image:BPS.png\|right\|thumb]]
	575
	576	~[~[Image:BPS.png\|right\|30px\|thumb]]
244.1	577
	578	~[~[Image:(% style="color:#333333" %)name of the image.jpg\|thumb\|description of the image]]
228.1	579	)))\|(% colspan="1" %)(% colspan="1" %)
	580	(((
244.1	581	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.
228.1	582	)))
	583	\|=(((
244.1	584	Alignment
196.1	585	)))\|(((
202.1	586	~[~[Image:BPS.png\|right]]
196.1	587	)))\|(% colspan="1" %)(% colspan="1" %)
	588	(((
244.1	589	Enter "left" or "right" after the pipe (\|).
196.1	590	)))
228.1	591	\|=(((
244.1	592	Image size
202.1	593	)))\|(((
	594	~[~[Image:BPS.png\|120px]]
196.1	595	)))\|(% colspan="1" %)(% colspan="1" %)
	596	(((
244.1	597	Enter your favourite size after the pipe (\|).
196.1	598	)))
244.1	599	\|=(((
	600	Caption
	601	)))\|(((
	602	~[~[Image:BPS.png\|Das ist das BPS-Logo.]]
	603	)))\|(% colspan="1" %)(% colspan="1" %)
	604	(((
	605	Enter your favourite text after the pipe (\|).
	606	)))
228.1	607	\|=(% colspan="1" %)(% colspan="1" %)
	608	(((
244.1	609	Multiple formats
228.1	610	)))\|(% colspan="1" %)(% colspan="1" %)
	611	(((
244.1	612	~[~[Image:BPS.png\|right\|30px\|thumb\|(% style="color:#333333" %)This is the BPS logo.(%%)]]
228.1	613	)))\|(% colspan="1" %)(% colspan="1" %)
	614	(((
244.1	615	Separate multiple formats by using a pipe (\|).
228.1	616	)))
244.1	617	{{/expand}}
228.1	618
	619
	620	{{/expand}}

Wiki source code of Wikisyntax

Search

OPALGlobal

OPALMenü

Recently Visited