Projekt:Tipps und Tricks: Unterschied zwischen den Versionen

Aus KGS-Wiki
K (Sn verschob die Seite Projekt:Nützliche Vorlagen nach Projekt:Tipps und Tricks, ohne dabei eine Weiterleitung anzulegen)
Keine Bearbeitungszusammenfassung
Zeile 27: Zeile 27:
* <code><nowiki>{{Tastatur|StrgAltEntf}}</nowiki></code> → {{Tastatur|StrgAltEntf}}
* <code><nowiki>{{Tastatur|StrgAltEntf}}</nowiki></code> → {{Tastatur|StrgAltEntf}}
* <code><nowiki>{{Tastatur|ShiftWinS}}</nowiki></code> → {{Tastatur|ShiftWinS}}
* <code><nowiki>{{Tastatur|ShiftWinS}}</nowiki></code> → {{Tastatur|ShiftWinS}}
*<code><nowiki>{{Tastatur|HALLO}</nowiki></code> → {{Tastatur|HALLO}}
Grundsätzlich sollten die Buchstabentasten als Großbuchstaben dargestellt werden. Um Verwirrungen zwischen großem i und kleinem L auszuschließen, darf das I auch als Kleinbuchstabe {{Tastatur|i}} dargestellt werden.
==Quelltext==
Längere Abschnitte von Programmcode sollten mit dem Tag <code><nowiki><syntaxhighlight lang="</nowiki>''SPRACHE''<nowiki>">...</syntaxhighlight></nowiki></code> eingefügt werden. Im visuellen Editor geht das noch einfacher mit dem Menüpunkt ''Einfügen → Codeblock''. 
Wenn man eine Sprache angibt, werden die Schlüsselwörter und Syntaxelemente dieser Sprache farbig hervorgehoben. Wenn nichts hervorgehoben werden soll, muss <code>text</code> als Sprache angegeben werden. Eine Liste der erlaubten Sprachen findet sich [https://pygments.org/languages/ hier].
Zeilennummern können mit dem Attribut <code>line</code> hinzugefügt werden: <code><nowiki><syntaxhighlight lang="SPRACHE" line>...</syntaxhighlight></nowiki></code>.
Mit dem Attrobut <code>start</code> kann zusätzlich festgelegt werden, mit welcher Zeilennummer begonnen werden soll zu zählen: <code><nowiki><syntaxhighlight lang="SPRACHE" line start="STARTZEILENNUMMER">...</syntaxhighlight></nowiki></code>.
{|
|+ Beispiele
| <pre><nowiki><syntaxhighlight lang="html">
<ol type="I">
  <li>Punkt 1</li>
  <li>Punkt 2</li>
</ol>
</syntaxhighlight></nowiki></pre>
| <syntaxhighlight lang="html">
<ol type="I">
  <li>Punkt 1</li>
  <li>Punkt 2</li>
</ol>
</syntaxhighlight>
|-
| <pre><nowiki><syntaxhighlight lang="lua" line="1">
function quadrat(x)
    return x * x
end
</syntaxhighlight></nowiki></pre>
| <syntaxhighlight lang="lua" line="1">
function quadrat(x)
    return x * x
end
</syntaxhighlight>
|-
| <pre><nowiki><syntaxhighlight lang="python" line start="42">
def swap(A, i, j):
    A[j],A[i] = A[i],A[j]
</syntaxhighlight></nowiki></pre>
| <syntaxhighlight lang="python" line start="42">
def swap(A, i, j):
    A[j],A[i] = A[i],A[j]
</syntaxhighlight>
|}
Für einzelne Schnipsel in einer Programmiersprache, die in den Fließtext eingebettet werden soll, kann das Attribut <code>inline</code> gesetzt werden: <code><nowiki><syntaxhighlight lang="SPRACHE" inline>...</syntaxhighlight></nowiki></code>. Um sich Tippaufwand zu ersparen und den Wikitext lesbarer zu halten, gibt es für die häufig in diesem Wiki verwendeten Sprachen Extra-Vorlagen:
* [[Vorlage:Java]]
* [[Vorlage:Python]]
* [[Vorlage:JavaScript]]
* [[Vorlage:CSS]]
* [[Vorlage:HTML]]
* [[Vorlage:XML]]
Diesen Vorlagen muss nur der Programmcode mitgegeben werden: <nowiki>{{CSS|border: 2px solid black;}}</nowiki> → {{CSS|border: 2px solid black;}}

Version vom 31. Oktober 2024, 23:43 Uhr

Links mit Icons

Folgende Vorlagen erzeugen Links mit nebenstehenden Icons:

Zur Erstellung von neuen Vorlagen für Links mit Icon kann die Vorlage:Link mit Icon genutzt werden. Diese Vorlage soll nur genutzt werden, um neue Vorlagen zu erzeugen, nicht um direkt in Inhaltsseiten eingesetzt zu werden.

Flaggen

Flaggen wie 🇩🇪 können mit der Vorlage:Flagge erzeugt werden und sollten hinter jeden Weblink gesetzt werden, um anzuzeigen, in welchen Sprachen diese Website zur Verfügung steht. Als Parameter muss der Vorlage die zweibuchstabige Länder-Abkürzung übergeben werden: DE für Deutschland, FR für Frankreich usw. Diese Codes können auch kombiniert werden, um mehrere Flaggen nacheinander anzuzeigen.

  • {{Flagge|DE}} → 🇩🇪
  • {{Flagge|FR}} → 🇫🇷
  • {{Flagge|DEATCH}} → 🇩🇪🇦🇹🇨🇭

Tastenkombinationen

Für die Darstellung von Tastenkombinationen gibt es die Vorlage:Tastatur. Die Tasten, die gedrückt werden, müssen als Parameter angegeben werden.

  • {{Tastatur|StrgAltEntf}}StrgAltEntf
  • {{Tastatur|ShiftWinS}}ShiftS
  • {{Tastatur|HALLO}HALLO

Grundsätzlich sollten die Buchstabentasten als Großbuchstaben dargestellt werden. Um Verwirrungen zwischen großem i und kleinem L auszuschließen, darf das I auch als Kleinbuchstabe i dargestellt werden.

Quelltext

Längere Abschnitte von Programmcode sollten mit dem Tag <syntaxhighlight lang="SPRACHE">...</syntaxhighlight> eingefügt werden. Im visuellen Editor geht das noch einfacher mit dem Menüpunkt Einfügen → Codeblock.

Wenn man eine Sprache angibt, werden die Schlüsselwörter und Syntaxelemente dieser Sprache farbig hervorgehoben. Wenn nichts hervorgehoben werden soll, muss text als Sprache angegeben werden. Eine Liste der erlaubten Sprachen findet sich hier.

Zeilennummern können mit dem Attribut line hinzugefügt werden: <syntaxhighlight lang="SPRACHE" line>...</syntaxhighlight>.

Mit dem Attrobut start kann zusätzlich festgelegt werden, mit welcher Zeilennummer begonnen werden soll zu zählen: <syntaxhighlight lang="SPRACHE" line start="STARTZEILENNUMMER">...</syntaxhighlight>.

Beispiele
<syntaxhighlight lang="html">
<ol type="I">
  <li>Punkt 1</li>
  <li>Punkt 2</li>
</ol>
</syntaxhighlight>
<ol type="I">
  <li>Punkt 1</li>
  <li>Punkt 2</li>
</ol>
<syntaxhighlight lang="lua" line="1">
function quadrat(x)
    return x * x
end
</syntaxhighlight>
function quadrat(x)
    return x * x
end
<syntaxhighlight lang="python" line start="42">
def swap(A, i, j):
    A[j],A[i] = A[i],A[j]
</syntaxhighlight>
def swap(A, i, j):
    A[j],A[i] = A[i],A[j]

Für einzelne Schnipsel in einer Programmiersprache, die in den Fließtext eingebettet werden soll, kann das Attribut inline gesetzt werden: <syntaxhighlight lang="SPRACHE" inline>...</syntaxhighlight>. Um sich Tippaufwand zu ersparen und den Wikitext lesbarer zu halten, gibt es für die häufig in diesem Wiki verwendeten Sprachen Extra-Vorlagen:

Diesen Vorlagen muss nur der Programmcode mitgegeben werden: {{CSS|border: 2px solid black;}} → border: 2px solid black;