Zum Inhalt springen

Wiki-Quellcode von Wikisyntax

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