Wiki source code of Wikisyntax

Last modified by Carina Enke on 15.01.2024

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

Wiki source code of Wikisyntax

Search

OPALGlobal

OPALMenü

Recently Visited