Zum Inhalt springen

Wiki-Quellcode von Wikisyntax

Version 233.1 von Carina Enke am 12.01.2024
Zeige letzte Bearbeiter
1 {{layout}}
2 {{layout-section ac:type="single"}}
3 {{layout-cell}}
4
5 {{/layout-cell}}
6 {{/layout-section}}
7
8 {{layout-section ac:type="single"}}
9 {{layout-cell}}
10 [[image:attach:Kursrun - Wiki Syntax_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" height="354" width="590"]]
11
12 Mithilfe der umfangreichen Wiki-Syntax und zusätzlicher Schaltflächen in der Editieransicht einer Seite können Sie Artikel individuell gestalten. Beispielsweise können Sie Textelemente fett oder kursiv setzen sowie Überschriften, Links oder Formeln hinzufügen.
13 {{/layout-cell}}
14 {{/layout-section}}
15
16 {{layout-section ac:type="single"}}
17 {{layout-cell}}
18 (% style="color: rgb(0,0,255);" %)
19
20
21 {{expand title="Übersicht der Wikisyntax und zusätzlichen Schaltflächen ..."}}
22 Durch bestimmte Tastaturzeichen, wie Anführungszeichen, Apostrophe, Gleichheitszeichen oder Sterne, können Sie den Text des Wikiartikels formatieren und gestalten. Alternativ stehen Ihnen dafür auch die üblichen Formatschaltflächen im oberen Bereich der Editoransicht des Artikels zur Verfügung.
23
24 {{expand title="Formatierungsoptionen mit Schaltflächen oder per Editoreingabe"}}
25 (% class="wrapped" %)
26 |=(% colspan="1" %)(% colspan="1" %)
27 (((
28 Formatschaltflächen
29 )))|=(% colspan="1" %)(% colspan="1" %)
30 (((
31 Eingabe mit Tastaturzeichen
32 )))|=(% colspan="1" %)(% colspan="1" %)
33 (((
34 Erläuterung und Darstellung im Artikel
35 )))
36 |(((
37 (% class="content-wrapper" %)
38 (((
39 [[image:attach:LMS._Include Library.Include Pages - Course Elements.Wiki Pages.Wikiartikel bearbeiten.Wikisyntax.Icons.WebHome@Icon_fett.png]] [[image:attach:LMS._Include Library.Include Pages - Course Elements.Wiki Pages.Wikiartikel bearbeiten.Wikisyntax.Icons.WebHome@Icon_kursiv.png]]
40 )))
41 )))|(((
42 (% style="color:#333333; text-decoration:none" %)'''Fett"'
43
44 (% style="color:#333333; text-decoration:none" %)''Kursiv''
45 )))|(((
46 (% style="text-align: left;" %)
47 **Fetter** Text
48
49 (% style="text-align: left;" %)
50 //Kursiver// Text
51 )))
52 |(((
53 (% class="content-wrapper" %)
54 (((
55 [[image:attach:LMS._Include Library.Include Pages - Course Elements.Wiki Pages.Wikiartikel bearbeiten.Wikisyntax.Icons.WebHome@Icon_Überschrift.png]]
56 )))
57 )))|(((
58 (% style="color:#333333; text-decoration:none" %)==Überschrift Text==
59 )))|(((
60 Hiermit kennzeichnen Sie **Überschriften **(Level 2).
61 )))
62 |(((
63 (% class="content-wrapper" %)
64 (((
65 [[image:attach:LMS._Include Library.Include Pages - Course Elements.Wiki Pages.Wikiartikel bearbeiten.Wikisyntax.Icons.WebHome@Icon_Listen.png]]
66 )))
67 )))|(((
68 (% style="color:#000000; text-decoration:none" %)* Unsortiert
69 ~* Unsortiert
70 \\# Sortiert(%%)
71 (% style="color:#000000; text-decoration:none" %)# Sortiert
72 )))|(((
73 (% style="text-align:left; text-decoration:none" %)
74 * **unsortierte**
75 * Listen
76
77 (% style="text-align:left; text-decoration:none" %)
78 1. **sortierte**
79 1. Listen
80 )))
81 |(((
82 (% class="content-wrapper" %)
83 (((
84 [[image:attach:LMS._Include Library.Include Pages - Course Elements.Wiki Pages.Wikiartikel bearbeiten.Wikisyntax.Icons.WebHome@Icon_Formel einbinden.png]]
85 )))
86 )))|(((
87 (% style="color:#000000; text-decoration:none" %)<math><Formel></math>
88
89 (% style="color:#000000; text-decoration:none" %)(z.B. <math>c = a + b</math>)
90
91
92 alternative Möglichkeiten:
93
94 $$<Formel>$$  (z.B $$(% style="color:#000000; text-decoration:none" %)c = a + b(%%)$$)
95
96 \(<Formel>\)
97 (z.B. \((% style="color:#000000; text-decoration:none" %)c = a + b(%%)\) )
98
99
100 )))|(((
101 (% class="content-wrapper" %)
102 (((
103 Über dieses Symbol können Sie **mathematische Formeln** eingeben, sodass aus folgendem Code
104
105 (((
106 (% class="syntaxhighlighter sh-confluence nogutter xml expanded" %)
107 (((
108
109
110 {{code}}
111 <math>\sqrt[3]{x-1}</math>  
112 {{/code}}
113
114 (% style="text-align: left;" %)
115 diese Formel entsteht:
116
117 [[image:attach:Kursrun - Formel im Wiki.png]]
118
119 (% style="color:#000000; text-decoration:none" %)Beim Klick auf den Button [[image:attach:LMS._Include Library.Include Pages - Course Elements.Wiki Pages.Wikiartikel bearbeiten.Wikisyntax.Icons.WebHome@Icon_Formel einbinden.png]] wird zunächst ein Beispielinhalt eingefügt. Passen Sie diese an und tragen Sie den gewünschten Formelinhalt an.
120 )))
121 )))
122
123 (% style="color:#000000; text-decoration:none" %)Formeln werden standardmäßig zentriert angezeigt. Soll die Formel im Fließtext stehen, verwenden Sie bitte das Schema \(<Formel>\).
124
125 (% style="color:#000000; text-decoration:none" %)[[image:attach:Kursrun - Wikisyntax Formeln_de.png]]
126 )))
127 )))
128 |(((
129 (% class="content-wrapper" %)
130 (((
131 [[image:attach:LMS._Include Library.Include Pages - Course Elements.Wiki Pages.Wikiartikel bearbeiten.Wikisyntax.Icons.WebHome@Icon_Link intern.png]]
132
133
134
135 )))
136 )))|(((
137 (% style="color:#333333; text-decoration:none" %)~[~[Index]]
138 )))|(((
139 (% style="text-align: left;" %)
140 Fügen Sie über diesen Button einen** Link zu einer internen Seite **ein: Existiert bereits ein Artikel mit dem Titel (bspw. Index), können Sie vom aktuell geöffneten Artikel auf diesen verweisen. Schreiben Sie dazu doppelte eckige Klammern um den Titel des Artikels, auf den verwiesen werden soll.
141
142 (% style="text-align: left;" %)
143 Alternativ können Sie den Button //**Link einfügen** //nutzen, um sich eine Liste der vorhandenen Artikel anzeigen zu lassen. Mit Klick auf den Titel eines Artikels in dieser Liste wird automatisch ein Link in den Artikel eingefügt.
144
145 Wollen Sie einen **alternativen Linktext** einfügen, der anstelle der Seitenbezeichnung verwendet werden soll, dann geben Sie nach dem eigentlichen Linktext ein (% class="st" %)Verkettungszeichen(%%) (|) und anschließend den anzuzeigenden Text ein, bspw. ~[~[index|Startseite]]. Weitere Formatierungsoptionen für Links enthält die nachfolgende Übersicht.
146 )))
147 |(% colspan="1" %)(% colspan="1" %)
148 (((
149 (% class="content-wrapper" %)
150 (((
151 [[image:attach:LMS._Include Library.Include Pages - Course Elements.Wiki Pages.Wikiartikel bearbeiten.Wikisyntax.Icons.WebHome@Icon_Link extern.png]]
152 )))
153 )))|(% colspan="1" %)(% colspan="1" %)
154 (((
155 ~[[[http:~~/~~/www.bps-system.de/>>url:http://www.bps-system.de/||shape="rect"]] Linktext]
156 )))|(% colspan="1" %)(% colspan="1" %)
157 (((
158 (% style="color:#000000; text-decoration:none" %)Fügen Sie über diesen Button einen** Link zu einer externen Seite **ein. Es wird zunächst ein Beispielinhalt eingefügt. Passen Sie bei diesem die URL und den alternativen Linktext an.
159 )))
160 |(% colspan="1" %)(% colspan="1" %)
161 (((
162 (% class="content-wrapper" %)
163 (((
164 [[image:attach:LMS._Include Library.Include Pages - Course Elements.Wiki Pages.Wikiartikel bearbeiten.Wikisyntax.Icons.WebHome@Icon_unformatierter Text.png]]
165 )))
166 )))|(% colspan="1" %)(% colspan="1" %)
167 (((
168 (% style="color:#333333; text-decoration:none" %)<nowiki>Hier den unformatierten Text eingeben</nowiki>
169 )))|(% colspan="1" %)(% colspan="1" %)
170 (((
171 (% style="color:#333333; text-decoration:none" %)Über diesen Button können Sie unformatierten Text anzeigen lassen(%%).
172 )))
173 |(% colspan="1" %)(% colspan="1" %)
174 (((
175 (% class="content-wrapper" %)
176 (((
177 [[image:attach:LMS._Include Library.Include Pages - Course Elements.Wiki Pages.Wikiartikel bearbeiten.Wikisyntax.Icons.WebHome@Icon_Trennlinie.png]]
178 )))
179 )))|(% colspan="1" %)(% colspan="1" %)
180 (((
181 (% style="color:#333333; text-decoration:none" %)~-~-~-~-
182 )))|(% colspan="1" %)(% colspan="1" %)
183 (((
184 (% style="color:#333333; text-decoration:none" %)Fügen Sie so eine(%%) (% style="text-align:left; text-decoration:none" %)**horizontale Trennlinie**(%%) (% style="color:#333333; text-decoration:none" %)ein.
185 )))
186 |(% colspan="1" %)(% colspan="1" %)
187 (((
188 (% class="content-wrapper" %)
189 (((
190 [[image:attach:LMS._Include Library.Include Pages - Course Elements.Wiki Pages.Wikiartikel bearbeiten.Wikisyntax.Icons.WebHome@Icon_Datei hochladen_de.png]]
191 )))
192 )))|(% colspan="1" %)(% colspan="1" %)
193 (((
194
195 )))|(% colspan="1" %)(% colspan="1" %)
196 (((
197 Öffnet die Upload-Funktion. Sie können dort Dateien per Drag-and-Drop von Ihrem Rechner in das Wiki hochladen.
198 )))
199 |(% colspan="1" %)(% colspan="1" %)
200 (((
201 (% class="content-wrapper" %)
202 (((
203 [[image:attach:LMS._Include Library.Include Pages - Course Elements.Wiki Pages.Wikiartikel bearbeiten.Wikisyntax.Icons.WebHome@Icon_Link einfügen_de.png]]
204 )))
205 )))|(% colspan="1" %)(% colspan="1" %)
206 (((
207
208 )))|(% colspan="1" %)(% colspan="1" %)
209 (((
210 Öffnet eine Liste der bereits im Wiki bestehenden Artikel. Mit Klick auf einen Eintrag wird dieser Artikel als Link in den aktuellen Artikel eingefügt. Links werden automatisch unterstrichen dargestellt.
211 )))
212 |(% colspan="1" %)(% colspan="1" %)
213 (((
214 (% class="content-wrapper" %)
215 (((
216 [[image:attach:LMS._Include Library.Include Pages - Course Elements.Wiki Pages.Wikiartikel bearbeiten.Wikisyntax.Icons.WebHome@Icon_Datei einfügen_de.png]]
217 )))
218 )))|(% colspan="1" %)(% colspan="1" %)
219 (((
220
221 )))|(% colspan="1" %)(% colspan="1" %)
222 (((
223 (% class="content-wrapper" %)
224 (((
225 Öffnet eine Liste der bereits im Wiki hochgeladenen Dateien. Mit Klick auf einen Eintrag wird diese Datei in den Artikel eingefügt.
226
227 {{expand title="Ein Bild oder eine Datei dem Artikel hinzufügen ..."}}
228
229
230 {{includeplus spaceKey="LMS" scrollPageId="8AC9158F0160FDF5F11ECDA30036B95B"/}}
231 {{/expand}}
232
233 {{info}}
234 Bilder werden im Artikel direkt, andere Dateiformate wie PDF-, Word oder HTML-Dateien als Link zum herunterladen angezeigt.
235 {{/info}}
236 )))
237 )))
238 |(% colspan="1" %)(% colspan="1" %)
239 (((
240 (% class="content-wrapper" %)
241 (((
242 [[image:attach:LMS._Include Library.Include Pages - Course Elements.Wiki Pages.Wikiartikel bearbeiten.Wikisyntax.Icons.WebHome@Icon_Kategorie einfügen_de.png]]
243 )))
244 )))|(% colspan="1" %)(% colspan="1" %)
245 (((
246
247 )))|(% colspan="1" %)(% colspan="1" %)
248 (((
249 Öffnet eine Liste der bereits im Wiki angelegten Kategorien. Mit Klick auf einen Eintrag wird diese Kategorie dem aktuellen Artikel zugeordnet.
250 )))
251 {{/expand}}
252
253 {{expand title="Weitere Formatierungen per Editoreingabe"}}
254 (% class="relative-table wrapped" style="width:100.0%" %)
255 |=(((
256 Angabe zum Ersteller
257 )))|(((
258 ~~~~~~
259
260 ~~~~~~~~
261 )))|(((
262 (% class="content-wrapper" %)
263 (((
264 Mit der Angabe von **drei Tilde-Zeichen** wird der Name des Seitenerstellers an diese Stelle gesetzt. Bei **vier Tilde-Zeichen** erscheint zusätzlich ein Zeitstempel.
265
266
267 )))
268 )))|(% colspan="1" %)(% colspan="1" %)
269 (((
270 (% class="content-wrapper" %)
271 (((
272 [[image:attach:Kursrun - Wikisyntax Ersteller_de.png]]
273 )))
274 )))
275 |=(((
276 Unterstreichen
277 )))|(((
278 <u>unterstreichen</u>
279 )))|(((
280 (% class="content-wrapper" %)
281 (((
282 So können Sie Wörter unterstreichen.
283 )))
284 )))|(% rowspan="8" %)(% rowspan="8" %)
285 (((
286 (% class="content-wrapper" %)
287 (((
288 [[image:attach:Kursrun - Wikisyntax Text_de.png]]
289 )))
290 )))
291 |=(((
292 Textfarbe
293 )))|(((
294 <span style="color:#006400"> Text</span>
295 )))|(((
296 Die Textfarbe ändern. Eine einfache Farbtabelle finden Sie unter https:~/~/de.wikipedia.org/wiki/Hilfe:Farbtabelle.
297 )))
298 |=(% colspan="1" %)(% colspan="1" %)
299 (((
300 Zeilenumbruch
301 )))|(% colspan="1" %)(% colspan="1" %)
302 (((
303 </br>
304 )))|(% colspan="1" %)(% colspan="1" %)
305 (((
306 Nur einen Zeilenumbruch, aber keinen keinen neuen Absatz erzeugen.
307
308 Durch eine leere Zeile wird ein neuer Absatz (mit größerem Zeilenabstand) erzeugt.
309 )))
310 |=(% colspan="1" %)(% colspan="1" %)
311 (((
312 Rechtsbündiger Text
313 )))|(% colspan="1" %)(% colspan="1" %)
314 (((
315 <div align="right">Rechtsbündiger Text</div>
316 )))|(% colspan="1" %)(% colspan="1" %)
317 (((
318 Einen Text rechtsbündig ausgerichten.
319 )))
320 |=(% colspan="1" %)(% colspan="1" %)
321 (((
322 Linksbündiger Text
323 )))|(% colspan="1" %)(% colspan="1" %)
324 (((
325 <div align="left">Linksbündiger Text</div>
326 )))|(% colspan="1" %)(% colspan="1" %)
327 (((
328 Einen Text linksbündig ausgerichten.
329 )))
330 |=(% colspan="1" %)(% colspan="1" %)
331 (((
332 Zentrierter Text
333 )))|(% colspan="1" %)(% colspan="1" %)
334 (((
335 <div align="center">Zentrierter Text</div>
336 )))|(% colspan="1" %)(% colspan="1" %)
337 (((
338 Einen Text zentriert ausgerichten.
339 )))
340 |=(% colspan="1" %)(% colspan="1" %)
341 (((
342 Hochgestellt
343 )))|(% colspan="1" %)(% colspan="1" %)
344 (((
345 Text<sup>hochgestellt</sup>
346 )))|(% rowspan="2" %)(% rowspan="2" %)
347 (((
348 (% class="content-wrapper" %)
349 (((
350 Einen Text hoch- und tiefstellen.
351 )))
352 )))
353 |=(% colspan="1" %)(% colspan="1" %)
354 (((
355 Tiefgestellt
356 )))|(% colspan="1" %)(% colspan="1" %)
357 (((
358 Text<sub>tiefgestellt</sub>
359 )))
360 |=(% colspan="1" %)(% colspan="1" %)
361 (((
362 Definitionsliste
363 )))|(% colspan="1" %)(% colspan="1" %)
364 (((
365 ;Begriff 1
366
367 ~: Beschreibung 1
368
369 ;Begriff 2
370
371 ~: Beschreibung 2-1
372
373 ~: Beschreibung 2-2
374 )))|(% colspan="1" %)(% colspan="1" %)
375 (((
376 Eine Liste an Begriffen angeben.
377 )))|(% colspan="1" %)(% colspan="1" %)
378 (((
379 (% class="content-wrapper" %)
380 (((
381 [[image:attach:Kursrun - Wikisyntax Definitionsliste_de.png]]
382 )))
383 )))
384 |=(% colspan="1" %)(% colspan="1" %)
385 (((
386 Einrückung ohne Auflistung
387 )))|(% colspan="1" %)(% colspan="1" %)
388 (((
389 :Einfache Einrückung
390
391 ::Doppelte Einrückung
392
393 :::::Mehrfache Einrückung
394 )))|(% colspan="1" %)(% colspan="1" %)
395 (((
396 (% class="content-wrapper" %)
397 (((
398 Durch ":" erhält man eine Einrückung des nachfolgenden Textes.
399
400
401
402 )))
403 )))|(% colspan="1" %)(% colspan="1" %)
404 (((
405 (% class="content-wrapper" %)
406 (((
407 [[image:attach:Kursrun - Wikisyntax Einrückung_de.png]]
408 )))
409 )))
410 |=(% colspan="1" %)(% colspan="1" %)
411 (((
412 Aufzählung
413 )))|(% colspan="1" %)(% colspan="1" %)
414 (((
415 *eins
416
417 *zwei
418
419 ~*~*eins-zwei
420
421 ~*~*zwei-zwei
422
423 *drei
424 )))|(% colspan="1" %)(% colspan="1" %)
425 (((
426 (% class="content-wrapper" %)
427 (((
428 So können Sie eine einfache unnummerierte Liste,
429 )))
430 )))|(% colspan="1" %)(% colspan="1" %)
431 (((
432 (% class="content-wrapper" %)
433 (((
434 [[image:attach:Kursrun - Wikisyntax Aufzählung_de.png]]
435 )))
436 )))
437 |=(% colspan="1" %)(% colspan="1" %)
438 (((
439 Aufzählung mit Zahlen
440 )))|(% colspan="1" %)(% colspan="1" %)
441 (((
442 #eins
443
444 #zwei
445
446 ~#~#eins-zwei
447
448 ~#~#zwei-zwei
449
450 #drei
451 )))|(% colspan="1" %)(% colspan="1" %)
452 (((
453 (% class="content-wrapper" %)
454 (((
455 oder eine nummerierte Liste erzeugen.
456 )))
457 )))|(% colspan="1" %)(% colspan="1" %)
458 (((
459 (% class="content-wrapper" %)
460 (((
461 [[image:attach:Kursrun - Wikisyntax nummerierte Liste_de.png]]
462 )))
463 )))
464 |=(% colspan="1" %)(% colspan="1" %)
465 (((
466 Farbiger Absatz
467 )))|(% colspan="1" %)(% colspan="1" %)
468 (((
469 <p style="color:red;"> Das ist ein ganzer Absatz </p>
470 )))|(% colspan="1" %)(% colspan="1" %)
471 (((
472 (% class="content-wrapper" %)
473 (((
474 So können Sie einen farbigen Textabsatz erzeugen.
475 )))
476 )))|(% colspan="1" %)(% colspan="1" %)
477 (((
478 (% class="content-wrapper" %)
479 (((
480 [[image:attach:Kursrun - Wikisyntax farbiger Absatz_de.png]]
481 )))
482 )))
483 |=(% colspan="1" %)(% colspan="1" %)
484 (((
485 Hintergrund für ein oder wenige Wörter
486 )))|(% colspan="1" %)(% colspan="1" %)
487 (((
488 <p>Lorem ipsum <span style="background-color: yellow;">Beispiel </span> dolor sit amet, consetetur sadipscing elitr.</p>
489 )))|(% colspan="1" %)(% colspan="1" %)
490 (((
491 (% class="content-wrapper" %)
492 (((
493 Passen Sie so die Hintergrundfarbe an.
494 )))
495 )))|(% colspan="1" %)(% colspan="1" %)
496 (((
497 (% class="content-wrapper" %)
498 (((
499 [[image:attach:Wikisyntax - Hintergurndfarbe_de.png]]
500 )))
501 )))
502 |=(% colspan="1" %)(% colspan="1" %)
503 (((
504 Farbiger Text + Hintergrund eines Absatzes
505 )))|(% colspan="1" %)(% colspan="1" %)
506 (((
507 <p style="color:red;background-color:yellow;">Absatz </p>
508 )))|(% colspan="1" %)(% colspan="1" %)
509 (((
510 (% class="content-wrapper" %)
511 (((
512 Nutzen Sie diese Angaben, um einen Text und dessen Hintergrund farbig zu gestalten.
513 )))
514 )))|(% colspan="1" %)(% colspan="1" %)
515 (((
516 (% class="content-wrapper" %)
517 (((
518 [[image:attach:Kursrun - Wikisyntax farbiger Text und Hintergrund_de.png]]
519 )))
520 )))
521 {{/expand}}
522
523 {{expand title="Formatierung von Tabellen"}}
524 (% class="relative-table wrapped" %)
525 |=(((
526 Tabelle einfügen
527 )))|(((
528 {|
529 ~|Zelle 1
530 ~|Zelle 2
531 ~|-
532 ~|Zelle 3
533 ~|Zelle 4
534 ~|}
535 )))|(((
536 Um eine Tabelle im Artikel zu erstellen, nutzen Sie Klammern und Trennstriche.
537
538 (% class="wrapped" %)
539 |(((
540 Zelle 1
541 )))|(((
542 Zelle 2
543 )))
544 |(((
545 Zelle 3
546 )))|(((
547 Zelle 4
548 )))
549 )))
550 |=(% scope="col" %)(((
551 Rahmen um Tabelle
552 )))|(((
553 {| border ="1"
554 ~|Zelle 1
555 ~|Zelle 2
556 ~|-
557 ~|Zelle 3
558 ~|Zelle 4
559 ~|}
560 )))|(((
561
562
563
564 )))
565 |=(((
566 Tabelle (Spaltenbreite (Prozent)
567 )))|(((
568 {| border = "1"
569 ! width = "10%" |Spalte 1
570 ! width = "20%"| Spalte 2
571 ! width = "40%"| Spalte 3
572 ~|-
573 ~|Zelle 1
574 ~|Zelle 2
575 ~|Zelle 3
576 ~|-
577 ~|Zelle 4
578 ~|Zelle 5
579 ~|Zelle 6
580 ~|}
581 )))|(((
582 Möglich durch eine Prozentangabe; Sobald Zeile mit ! eingeleitet wird, wird diese automatisch fett und zentriert.
583 )))
584 |=(% colspan="1" %)(% colspan="1" %)
585 (((
586 Tabelle (Spaltenbreite (Pixel)
587 )))|(% colspan="1" %)(% colspan="1" %)
588 (((
589 {| border = "1"
590 ! width = "50px" | Spalte1
591 ! width = "100px"| Spalte2
592 ! width = "400px"| Spalte3
593 ~|-
594 ~|Zelle 1
595 ~|Zelle 2
596 ~|Zelle 3
597 ~|-
598 ~|Zelle 4
599 ~|Zelle 5
600 ~|Zelle 6
601 ~|}
602 )))|(% colspan="1" %)(% colspan="1" %)
603 (((
604 Ebenfalls durch die Angabe von Pixelwerten möglich; Sobald Zeile mit ! eingeleitet wird, wird diese automatisch fett und zentriert.
605 )))
606
607 (% class="auto-cursor-target" %)
608 Beispiele der angegebenen Tabellenformatierungen
609
610 [[image:attach:Kursrun - Wikisyntax Tabelle_de.png]]
611 {{/expand}}
612
613
614
615 {{id name="formatierung"/}}
616
617 {{expand title="Formatierungsoptionen für Bilder und Links"}}
618 (% class="wrapped" %)
619 |=(% colspan="1" %)(% colspan="1" %)
620 (((
621 Interner Link
622 )))|(% colspan="1" %)(% colspan="1" %)
623 (((
624 ~[~[Wiki Seite]]
625 )))|(% colspan="1" %)(% colspan="1" %)
626 (((
627 (% class="content-wrapper" %)
628 (((
629 Links werden automatisch unterstrichen dargestellt.
630
631 [[image:attach:Kursrun - Wikisyntax Links_de.png]]
632 )))
633 )))
634 |=(% colspan="1" %)(% colspan="1" %)
635 (((
636 Externer Link
637 )))|(% colspan="1" %)(% colspan="1" %)
638 (((
639 ~[~[https:~/~/www.abc.de|abc]]
640 )))|(% colspan="1" %)(% colspan="1" %)
641 (((
642 Links werden automatisch unterstrichen dargestellt.
643 )))
644 |=(% rowspan="2" %)(% rowspan="2" %)
645 (((
646 Bildlegende
647 )))|(% colspan="1" %)(% colspan="1" %)
648 (((
649 ~[~[Image:BPS_Logo.png|BPS-Logo|200px]]
650
651 ~[~[Image:BPS_Logo.png||Auf diesem Bild sehen Sie das Logo der BPS GmbH.]]
652
653 ~[~[Image:BPS_Logo.png|| Auf diesem Bild sehen Sie das Logo der BPS GmbH.]]
654 )))|(% colspan="1" %)(% colspan="1" %)
655 (((
656 Tragen Sie nach dem (% class="st" %)Verkettungszeichen(%%) (Trennstrich) den gewünschten Text ein. Wenn Sie den Text mit einem Leerzeichen beginnen, wird er mit einem Rahmen und größerem Abstand zum Bild angezeigt.
657 )))
658 |(% colspan="1" %)(% colspan="1" %)
659 (((
660 Text vor dem Bild
661
662 <span>~[~[Image:BPS_Logo.png|right|20px|BPS Logo mit mehr Text]]</span>
663
664 <div style="clear: both;"></div>
665
666 und hier kommt nun weiterer Text
667 )))|(% colspan="1" %)(% colspan="1" %)
668 (((
669 Überschreitet der Legendentext die Bildbreite, wird er umgebrochen. Dabei kann es zu Überlagerungen kommen. Mit den im Beispiel genannten HTML-Ergänzungen span und div, können Sie dies umgehen.
670 )))
671 |=(% colspan="1" %)(% colspan="1" %)
672 (((
673 Miniaturbild (Thumbnails) (Vorschaubild eines Bildes)
674 )))|(% colspan="1" %)(% colspan="1" %)
675 (((
676 ~[~[Image:BPS.png|right|thumb]]
677
678 ~[~[Image:BPS.png|right|30px|thumb]]
679 )))|(% colspan="1" %)(% colspan="1" %)
680 (((
681 Ein Miniaturbild wird ausgegeben mit der Angabe **thumb**. In der Artikelansicht sieht der Nutzer ein verkleinertes Bild.
682 )))
683 |=(((
684 Ausrichtung
685 )))|(((
686 ~[~[Image:BPS.png|right]]
687 )))|(% colspan="1" %)(% colspan="1" %)
688 (((
689 Tragen Sie nach dem (% class="st" %)Verkettungszeichen(%%) (Trennstrich) den Zusatz "left" oder "right" ein.
690 )))
691 |=(((
692 Bildgröße
693 )))|(((
694 ~[~[Image:BPS.png|120px]]
695 )))|(% colspan="1" %)(% colspan="1" %)
696 (((
697 Tragen Sie nach dem (% class="st" %)Verkettungszeichen(%%) (Trennstrich) die gewünschte Größe ein.
698 )))
699 |=(% colspan="1" %)(% colspan="1" %)
700 (((
701 Mehrere Formatierungen
702 )))|(% colspan="1" %)(% colspan="1" %)
703 (((
704 ~[~[Image:BPS.png|right|30px|thumb|Das ist das BPS-Logo.]]
705 )))|(% colspan="1" %)(% colspan="1" %)
706 (((
707 Mehrere Formatierungen trennen Sie jeweils mit einem (% class="st" %)Verkettungszeichen(%%) (Trennstrich).
708 )))
709
710 (% class="auto-cursor-target" %)
711 Beispiele der angegebenen Bildformatierungen
712
713 [[image:attach:Kursrun - Wikisyntax Bilder_de.png]]
714 {{/expand}}
715 {{/expand}}
716 {{/layout-cell}}
717 {{/layout-section}}
718 {{/layout}}
719
720 {{layout}}
721 {{layout-section ac:type="single"}}
722 {{layout-cell}}
723 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.
724
725 [[image:attach:Kursrun - Wiki Syntax_en.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
726 {{/layout-cell}}
727 {{/layout-section}}
728
729 {{layout-section ac:type="single"}}
730 {{layout-cell}}
731
732
733 {{expand title="Overview of the wiki syntax and additional buttons ..."}}
734 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.
735
736 {{expand title="Formatting with buttons or input fields ..."}}
737 (% class="wrapped" %)
738 |=(% colspan="1" %)(% colspan="1" %)
739 (((
740 Formatting buttons
741 )))|=(% colspan="1" %)(% colspan="1" %)
742 (((
743 Input with formatting characters
744 )))|=(% colspan="1" %)(% colspan="1" %)
745 (((
746 Explanation including an example in the article
747 )))
748 |(((
749 (% class="content-wrapper" %)
750 (((
751 [[image:attach:LMS._Include Library.Include Pages - Course Elements.Wiki Pages.Wikiartikel bearbeiten.Wikisyntax.Icons.WebHome@Icon_fett.png]] [[image:attach:LMS._Include Library.Include Pages - Course Elements.Wiki Pages.Wikiartikel bearbeiten.Wikisyntax.Icons.WebHome@Icon_kursiv.png]]
752 )))
753 )))|(((
754 '''bold"
755
756 ''italic''
757 )))|(((
758 **bold **text
759
760 //italic //text
761 )))
762 |(((
763 (% class="content-wrapper" %)
764 (((
765 [[image:attach:LMS._Include Library.Include Pages - Course Elements.Wiki Pages.Wikiartikel bearbeiten.Wikisyntax.Icons.WebHome@Icon_Überschrift.png]]
766 )))
767 )))|(((
768 ~==header text==
769 )))|(((
770 (% class="TableParagraph" %)
771 This is how you can mark **headers **(level 2).
772 )))
773 |(((
774 (% class="content-wrapper" %)
775 (((
776 [[image:attach:LMS._Include Library.Include Pages - Course Elements.Wiki Pages.Wikiartikel bearbeiten.Wikisyntax.Icons.WebHome@Icon_Listen.png]]
777 )))
778 )))|(((
779 (% style="color:#000000; text-decoration:none" %)* unsorted
780 ~* unsorted
781 \\# sorted(%%)
782 (% style="color:#000000; text-decoration:none" %)# sorted
783 )))|(((
784 * **unsorted**
785 * lists
786
787 1. **sorted**
788 1. lists
789 )))
790 |(((
791 (% class="content-wrapper" %)
792 (((
793 [[image:attach:LMS._Include Library.Include Pages - Course Elements.Wiki Pages.Wikiartikel bearbeiten.Wikisyntax.Icons.WebHome@Icon_Formel einbinden.png]]
794 )))
795 )))|(((
796 (% style="color:#000000; text-decoration:none" %)<math><formula></math>
797
798 (% style="color:#000000; text-decoration:none" %)(e.g. <math>c = a + b</math>)
799
800
801 alternatives:
802
803 $$<formula>$$  (z.B $$(% style="color:#000000; text-decoration:none" %)c = a + b(%%)$$)
804
805 \(<formula>\)
806 (e.g. \((% style="color:#000000; text-decoration:none" %)c = a + b(%%)\) )
807 )))|(((
808 (% class="content-wrapper" %)
809 (((
810 You can use this symbol to enter **mathematical formulas** so that the following code
811
812
813 {{code}}
814 <math>\sqrt[3]{x-1}</math>  
815 {{/code}}
816
817 (% style="text-align: left;" %)
818 results in this formula:
819
820 [[image:attach:Kursrun - Formel im Wiki.png]]
821
822 (% 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.
823
824
825 (% 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>\).
826
827
828 (% class="TableParagraph" %)
829
830 )))
831 )))
832 |(((
833 (% class="content-wrapper" %)
834 (((
835 [[image:attach:LMS._Include Library.Include Pages - Course Elements.Wiki Pages.Wikiartikel bearbeiten.Wikisyntax.Icons.WebHome@Icon_Link intern.png]]
836 )))
837 )))|(((
838 ~[~[index]]
839 )))|(((
840 (% class="TableParagraph" %)
841 Use this button to embed a **link to an internal page**:
842
843 (% class="TableParagraph" %)
844 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.
845
846 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.
847
848 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.
849 )))
850 |(% colspan="1" %)(% colspan="1" %)
851 (((
852 (% class="content-wrapper" %)
853 (((
854 [[image:attach:LMS._Include Library.Include Pages - Course Elements.Wiki Pages.Wikiartikel bearbeiten.Wikisyntax.Icons.WebHome@Icon_Link extern.png]]
855 )))
856 )))|(% colspan="1" %)(% colspan="1" %)
857 (((
858 (% style="color:#000000; text-decoration:none" %)~[[[http:~~/~~/www.bps-system.de/>>url:http://www.bps-system.de/||shape="rect"]] link text]
859 )))|(% colspan="1" %)(% colspan="1" %)
860 (((
861 (% class="TableParagraph" %)
862 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.
863
864
865
866 )))
867 |(% colspan="1" %)(% colspan="1" %)
868 (((
869 (% class="content-wrapper" %)
870 (((
871 [[image:attach:LMS._Include Library.Include Pages - Course Elements.Wiki Pages.Wikiartikel bearbeiten.Wikisyntax.Icons.WebHome@Icon_unformatierter Text.png]]
872 )))
873 )))|(% colspan="1" %)(% colspan="1" %)
874 (((
875 <nowiki>enter the unformatted text here</nowiki>
876 )))|(% colspan="1" %)(% colspan="1" %)
877 (((
878 With this button, you can display unformatted text.
879 )))
880 |(% colspan="1" %)(% colspan="1" %)
881 (((
882 (% class="content-wrapper" %)
883 (((
884 [[image:attach:LMS._Include Library.Include Pages - Course Elements.Wiki Pages.Wikiartikel bearbeiten.Wikisyntax.Icons.WebHome@Icon_Trennlinie.png]]
885 )))
886 )))|(% colspan="1" %)(% colspan="1" %)
887 (((
888 ~-~-~-~-
889 )))|(% colspan="1" %)(% colspan="1" %)
890 (((
891 This is how you add a **horizontal separator**.
892 )))
893 |(% colspan="1" %)(% colspan="1" %)
894 (((
895 (% class="content-wrapper" %)
896 (((
897 [[image:attach:LMS._Include Library.Include Pages - Course Elements.Wiki Pages.Wikiartikel bearbeiten.Wikisyntax.Icons.WebHome@Icon_Datei hochladen_en.png]]
898 )))
899 )))|(% colspan="1" %)(% colspan="1" %)
900 (((
901
902 )))|(% colspan="1" %)(% colspan="1" %)
903 (((
904 This button will open the upload function. It allows you to upload files from your computer to the Wiki via drag-and-drop.
905 )))
906 |(% colspan="1" %)(% colspan="1" %)
907 (((
908 (% class="content-wrapper" %)
909 (((
910 [[image:attach:LMS._Include Library.Include Pages - Course Elements.Wiki Pages.Wikiartikel bearbeiten.Wikisyntax.Icons.WebHome@Icon_Link einfügen_en.png]]
911 )))
912 )))|(% colspan="1" %)(% colspan="1" %)
913 (((
914
915 )))|(% colspan="1" %)(% colspan="1" %)
916 (((
917 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.
918 )))
919 |(% colspan="1" %)(% colspan="1" %)
920 (((
921 (% class="content-wrapper" %)
922 (((
923 [[image:attach:LMS._Include Library.Include Pages - Course Elements.Wiki Pages.Wikiartikel bearbeiten.Wikisyntax.Icons.WebHome@Icon_Datei einfügen_en.png]]
924 )))
925 )))|(% colspan="1" %)(% colspan="1" %)
926 (((
927
928 )))|(% colspan="1" %)(% colspan="1" %)
929 (((
930 (% class="content-wrapper" %)
931 (((
932 (% class="TableParagraph" %)
933 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.
934
935 {{info}}
936 (% class="TableParagraph" %)
937 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.
938 {{/info}}
939
940 {{expand title="Add an image or a file to the article ..."}}
941
942
943 {{includeplus spaceKey="LMS" scrollPageId="8AC9158F0160FDF5F11ECDA30036B95B"/}}
944 {{/expand}}
945 )))
946 )))
947 |(% colspan="1" %)(% colspan="1" %)
948 (((
949 (% class="content-wrapper" %)
950 (((
951 [[image:attach:LMS._Include Library.Include Pages - Course Elements.Wiki Pages.Wikiartikel bearbeiten.Wikisyntax.Icons.WebHome@Icon_Kategorie einfügen_en.png]]
952 )))
953 )))|(% colspan="1" %)(% colspan="1" %)
954 (((
955
956 )))|(% colspan="1" %)(% colspan="1" %)
957 (((
958 This button will open a list of all Wiki categories. By clicking on an entry, this category will be added to the current article.
959 )))
960 {{/expand}}
961
962 {{expand title="Further formatting options with input fields ..."}}
963 (% class="wrapped" %)
964 |=(((
965 Information about the creator
966 )))|(((
967 ~~~~~~
968
969 ~~~~~~~~
970 )))|(((
971 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**.
972 )))|(((
973 (% class="content-wrapper" %)
974 (((
975 [[image:attach:Kursrun - Wikisyntax Ersteller_de.png]]
976 )))
977 )))
978 |=(((
979 Underline
980 )))|(((
981 <u>underline</u>
982 )))|(((
983 This is how you underline words.
984 )))|(% rowspan="3" %)(% rowspan="3" %)
985 (((
986 (% class="content-wrapper" %)
987 (((
988 [[image:attach:Kursrun - Wikisyntax Text_de.png]]
989 )))
990 )))
991 |=(((
992 Text colour
993 )))|(((
994 <span style="color:#006400"> text</span>
995 )))|(((
996 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"]])
997 )))
998 |=(((
999 Line break
1000 )))|(((
1001 </br>
1002 )))|(((
1003 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.
1004 )))
1005 |=(((
1006 Right-aligned text
1007 )))|(((
1008 <div align="right">right-aligned text</div>
1009 )))|(((
1010 Align text to right
1011 )))|(((
1012
1013 )))
1014 |=(((
1015 Left-aligned text
1016 )))|(((
1017 <div align="left">left-aligned text</div>
1018 )))|(((
1019 Align text to left
1020 )))|(((
1021
1022 )))
1023 |=(((
1024 Centered text
1025 )))|(((
1026 <div align="center">centered text</div>
1027 )))|(((
1028 Align text to center
1029 )))|(((
1030
1031 )))
1032 |=(((
1033 Superscript
1034 )))|(((
1035 text<sup>superscript</sup>
1036 )))|(((
1037 This is how to superscript a text.
1038 )))|(((
1039
1040 )))
1041 |=(((
1042 Subscript
1043 )))|(((
1044 text<sub>subscript</sub>
1045 )))|(((
1046 This is how to subscript a text.
1047 )))|(((
1048
1049 )))
1050 |=(((
1051 List of definitions
1052 )))|(((
1053 ;term 1
1054
1055 ~: definition 1
1056
1057 ;term 2
1058
1059 ~: definition 2-1
1060
1061 ~: definition 2-2
1062 )))|(((
1063 To create a list of terms.
1064 )))|(((
1065
1066 )))
1067 |=(((
1068 Indentation without bullet list
1069 )))|(((
1070 :single indentation
1071
1072 ::double indentation
1073
1074 ~::::: multiple indentation
1075
1076
1077 )))|(((
1078 By entering the colon, the line can be indented according to the colons used.
1079 )))|(((
1080
1081 )))
1082 |=(((
1083 Bullet list without numbers
1084 )))|(((
1085 *one
1086
1087 *two
1088
1089 ~*~*one-two
1090
1091 ~*~*two-two
1092
1093 *three
1094 )))|(((
1095 This is how you create an unnumbered list.
1096 )))|(((
1097
1098 )))
1099 |=(((
1100 Bullet list with numbers
1101 )))|(((
1102 #one
1103
1104 #two
1105
1106 ~#~#one-two
1107
1108 ~#~#two-two
1109
1110 #three
1111 )))|(((
1112 This is how you create a numbered list.
1113 )))|(((
1114
1115 )))
1116 |=(((
1117 Coloured paragraph
1118 )))|(((
1119 <p style="color:red;"> This is a whole paragraph </p>
1120 )))|(((
1121 This is how you create a colored paragraph.
1122 )))|(((
1123
1124 )))
1125 |=(((
1126 Background for one or a few words
1127 )))|(((
1128 <span style="background-color: yellow;">example</span>
1129 )))|(((
1130 With this code you can adjust the background color.
1131 )))|(((
1132 (% class="content-wrapper" %)
1133 (((
1134 [[image:attach:image2020-10-15_17-13-2.png]]
1135 )))
1136 )))
1137 |=(((
1138 Coloured text + background of a paragraph
1139 )))|(((
1140 (% class="content-wrapper" %)
1141 (((
1142 <p>Lorem ipsum <span style="background-color: yellow;">example </span> dolor sit amet, consetetur sadipscing elitr.</p>
1143 )))
1144 )))|(((
1145 Use this code to color text and its background.
1146
1147 (% class="content-wrapper" %)
1148 (((
1149
1150 )))
1151 )))|(((
1152 (% class="content-wrapper" %)
1153 (((
1154
1155 )))
1156 )))
1157 {{/expand}}
1158
1159 {{expand title="Formatting of tables ..."}}
1160 (% class="wrapped" %)
1161 |=(((
1162 Add table
1163 )))|(((
1164 {|
1165 ~|cell 1
1166 ~|cell 2
1167 ~|-
1168 ~|cell 3
1169 ~|cell 4
1170 ~|}
1171 )))|(((
1172 To create a **table** in the article, you can use brackets and hyphens.
1173
1174 (% class="wrapped" %)
1175 |(((
1176 cell 1
1177 )))|(((
1178 cell 2
1179 )))
1180 |(((
1181 cell 3
1182 )))|(((
1183 cell 4
1184 )))
1185 )))
1186 |=(% scope="col" %)(((
1187 Border around table
1188 )))|(((
1189 {| border ="1"
1190 ~|cell 1
1191 ~|cell 2
1192 ~|-
1193 ~|cell 3
1194 ~|cell 4
1195 ~|}
1196 )))|(((
1197
1198 )))
1199 |=(((
1200 Table (column width (Percent))
1201 )))|(((
1202 {| border = "1"
1203 ! width = "10%"|column 1
1204 ! width = "20%"|column 2
1205
1206 ! width = "40%"|column 3
1207
1208 ~|-
1209 ~|cell 1
1210 ~|cell 2
1211
1212 ~|cell 3
1213 ~|-
1214 ~|cell 4
1215 ~|cell 5
1216
1217 ~|cell 6
1218 ~|}
1219 )))|(((
1220 Possible by specifying percent values. A line that starts with ! is automatically displayed bold and centered.
1221 )))
1222 |=(% colspan="1" %)(% colspan="1" %)
1223 (((
1224 Table (column width (Pixels))
1225 )))|(((
1226 {| border = "1"
1227 ! width = "50px" |column 1
1228 ! width = "100px"|column 2
1229 ! width = "400px"|column 3
1230 ~|-
1231 ~|cell 1
1232 ~|cell 2
1233 ~|cell 3
1234 ~|-
1235 ~|cell 4
1236 ~|cell 5
1237 ~|cell 6
1238 ~|}
1239 )))|(% colspan="1" %)(% colspan="1" %)
1240 (((
1241 Possible by specifying pixel values. A line that starts with ! is automatically displayed bold and centered.
1242 )))
1243 {{/expand}}
1244
1245
1246
1247 {{id name="formatting"/}}
1248
1249 {{expand title="Formatting options for images and links"}}
1250 (% class="wrapped" %)
1251 |=(% colspan="1" %)(% colspan="1" %)
1252 (((
1253 Internal link
1254 )))|(% colspan="1" %)(% colspan="1" %)
1255 (((
1256 ~[~[Wiki page]]
1257 )))|(% colspan="1" %)(% colspan="1" %)
1258 (((
1259 Links are underlined by default.
1260 )))
1261 |=(% colspan="1" %)(% colspan="1" %)
1262 (((
1263 External link
1264 )))|(% colspan="1" %)(% colspan="1" %)
1265 (((
1266 [[https:~~/~~/www.abc.de>>url:https://www.abc.de||shape="rect"]]
1267 )))|(% colspan="1" %)(% colspan="1" %)
1268 (((
1269 Links are underlined by default.
1270 )))
1271 |=(% colspan="1" %)(% colspan="1" %)
1272 (((
1273 Image description (when hovering the mouse pointer over the image)
1274 )))|(% colspan="1" %)(% colspan="1" %)
1275 (((
1276 [(% style="color:#333333" %)[Image:name of the image.png|description of the image|200px]]
1277
1278 ~[~[Image:name of the image.png||d(% style="color:#333333" %)escription of the image|200px]]
1279
1280 ~[~[Image:BPS_Logo.png|| d(% style="color:#333333" %)escription of the image|200px]]
1281
1282
1283 (% style="color:#333333" %)Text before the picture
1284
1285 (% style="color:#333333" %)<span>~[~[Image:BPS_Logo.png|right|20px|BPS Logo with more text]]</span>
1286
1287 (% style="color:#333333" %)<div style="clear: both;"></div>
1288
1289 (% style="color:#333333" %)some more text
1290 )))|(% colspan="1" %)(% colspan="1" %)
1291 (((
1292 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.
1293
1294
1295 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.
1296 )))
1297 |=(% colspan="1" %)(% colspan="1" %)
1298 (((
1299 Thumbnail
1300 )))|(% colspan="1" %)(% colspan="1" %)
1301 (((
1302 ~[~[Image:BPS.png|right|thumb]]
1303
1304 ~[~[Image:BPS.png|right|30px|thumb]]
1305
1306 ~[~[Image:(% style="color:#333333" %)name of the image.jpg|thumb|description of the image]]
1307 )))|(% colspan="1" %)(% colspan="1" %)
1308 (((
1309 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.
1310 )))
1311 |=(((
1312 Alignment
1313 )))|(((
1314 ~[~[Image:BPS.png|right]]
1315 )))|(% colspan="1" %)(% colspan="1" %)
1316 (((
1317 Enter "left" or "right" after the pipe (|).
1318 )))
1319 |=(((
1320 Image size
1321 )))|(((
1322 ~[~[Image:BPS.png|120px]]
1323 )))|(% colspan="1" %)(% colspan="1" %)
1324 (((
1325 Enter your favourite size after the pipe (|).
1326 )))
1327 |=(((
1328 Caption
1329 )))|(((
1330 ~[~[Image:BPS.png|Das ist das BPS-Logo.]]
1331 )))|(% colspan="1" %)(% colspan="1" %)
1332 (((
1333 Enter your favourite text after the pipe (|).
1334 )))
1335 |=(% colspan="1" %)(% colspan="1" %)
1336 (((
1337 Multiple formats
1338 )))|(% colspan="1" %)(% colspan="1" %)
1339 (((
1340 ~[~[Image:BPS.png|right|30px|thumb|(% style="color:#333333" %)This is the BPS logo.(%%)]]
1341 )))|(% colspan="1" %)(% colspan="1" %)
1342 (((
1343 Separate multiple formats by using a pipe (|).
1344 )))
1345 {{/expand}}
1346 {{/expand}}
1347 {{/layout-cell}}
1348 {{/layout-section}}
1349 {{/layout}}