Wiki-Quellcode von Wikisyntax

Version 76.1 von Carina Enke am 11.04.2023

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