Vorlage:Inhaltsblock: Unterschied zwischen den Versionen

Aus Programmieren-Wiki
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
 
(3 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
<includeonly>
<includeonly>{{#switch: {{{color}}}
{{#switch: {{{color}}}
| red = <div style="display:flex;align-items:center;gap:1rem;padding:1em 2em;margin-bottom:1em;border-radius:0 1em;background-color:rgb(245, 229, 228);>
| red = <div style="display:flex;align-items:center;gap:1rem;padding:1em 2em;margin-bottom:1em;border-radius:0 1em;background-color:rgb(245, 229, 228);>
| green = <div style="display:flex;align-items:center;gap:1rem;padding:1em 2em;margin-bottom:1em;border-radius:0 1em;background-color:rgb(228, 245, 229);>
| green = <div style="display:flex;align-items:center;gap:1rem;padding:1em 2em;margin-bottom:1em;border-radius:0 1em;background-color:rgb(228, 245, 229);>
| blue = <div style="display:flex;align-items:center;gap:1rem;padding:1em 2em;margin-bottom:1em;border-radius:0 1em;background-color:rgb(234, 240, 250);>
| blue = <div style="display:flex;align-items:center;gap:1rem;padding:1em 2em;margin-bottom:1em;border-radius:0 1em;background-color:rgb(234, 240, 250);>
| default =  
| default =
}}  
}}{{#switch: {{{color}}}
{{#switch: {{{color}}}
| red = <div style="color:rgb(162, 34, 38);">{{FA|fa-solid fa-circle-xmark fa-2xl}}</div>
| red = <div style="color:rgb(162, 34, 38);">{{FA|fa-solid fa-circle-xmark fa-2xl}}</div>
| green = <div style="color:rgb(38, 162, 34);">{{FA|fa-solid fa-circle-check fa-2xl}}</div>
| green = <div style="color:rgb(38, 162, 34);">{{FA|fa-solid fa-circle-check fa-2xl}}</div>
| blue = <div style="color:rgb(70, 100, 170);">{{FA|fa-solid fa-circle-info fa-2xl}}</div>
| blue = <div style="color:rgb(70, 100, 170);">{{FA|fa-solid fa-circle-info fa-2xl}}</div>
| default =
| default =
}}<div>{{{vorher|}}}{{CodeSchnipsel|content={{{Beispiel|}}}|schnipselname={{{beispielname|}}}}}{{{nachher|}}}</div></div>
}}<div>
</includeonly>
{{{vorher|}}}
 
{{CodeSchnipsel|content={{{Beispiel|}}}|schnipselname={{{beispielname|}}}}}{{{nachher|}}}</div></div>
 
</includeonly><noinclude>
<noinclude>
Template für das Einbetten eines Codebeispiels.
Template für das Einbetten eines Codebeispiels.
Der Quellcode wird dabei automatisch formatiert.
Der Quellcode wird dabei automatisch formatiert.
Zeile 22: Zeile 19:
Zusätzliche können durch die switch-cases hinzugefügt werden. Entsprechend muss der Radio-Button-Select im Formular angepasst werden.
Zusätzliche können durch die switch-cases hinzugefügt werden. Entsprechend muss der Radio-Button-Select im Formular angepasst werden.
Im Folgenden ein Beispiel für die Verwendung der Vorlage:
Im Folgenden ein Beispiel für die Verwendung der Vorlage:
 
{{Inhaltsblock
|color=
|vorher===Text==
|Beispiel=
|beispielname=
|nachher=
}}
{{Inhaltsblock
{{Inhaltsblock
|color=blue
|color=blue
Zeile 30: Zeile 33:
|nachher=Mehr Text
|nachher=Mehr Text
}}
}}
Benutzung mit <code><nowiki>{{Inhaltsblock
Benutzung mit <code><nowiki>{{Inhaltsblock
|color=blue
|color=blue
|vorher=Text
|vorher===Text==
|Beispiel=String text = "Example";
|Beispiel=String text = "Example";
|Beispielname=Example
|Beispielname=Example
|nachher=Mehr Text
|nachher=Mehr Text
}}
}}
</nowiki></code>.
</nowiki></code>.[[Category:Vorlagen]]</noinclude>
 
[[Category:Vorlagen]]
</noinclude>

Aktuelle Version vom 12. Oktober 2025, 19:43 Uhr

Template für das Einbetten eines Codebeispiels. Der Quellcode wird dabei automatisch formatiert. Bislang gibt es 3 verschiedene Arten von Codeblöcken: Positivbeispiel (grün vorgehoben), Negativbeispiel (rot vorgehoben) und Beispiel (keine farbliche vorhebung). Zusätzliche können durch die switch-cases hinzugefügt werden. Entsprechend muss der Radio-Button-Select im Formular angepasst werden. Im Folgenden ein Beispiel für die Verwendung der Vorlage:

Text

Text

String text = "Example";
Mehr Text

Benutzung mit {{Inhaltsblock |color=blue |vorher===Text== |Beispiel=String text = "Example"; |Beispielname=Example |nachher=Mehr Text }} .