Formatierungen in den Beiträgen
Inhaltsverzeichnis
Standard-Textformatierungen
Eingabe | Ausgabe |
---|---|
//Text kursiv// | Text kursiv |
**Text fett** | Text fett |
//**Text kursiv und fett**// | Text kursiv und Fett |
{{Teletype Text}} | Teletype Text |
@@--- Text durchgestrichen +++ Text unterstrichen @@ | |
@@--- Text nur durchgestrichen @@ | |
@@+++ Text nur unterstrichen @@ | Text nur unterstrichen |
^^Text in kleinerer Schrift^^ | Text in kleinerer Schrift |
Keine Formatierung
Will man die Zeichen für die Standard-Textformatierung nicht ausführen, gibt es folgende Möglichkeit:
Dieser //Text// wird **formatiert**.
``Dieser //Text// wird nicht **formatiert**.``
Dieser //Text// wird nicht **formatiert**.
Textfarbe
##red|Dieser Text ist rot,## aber dieser nicht.
Dieses Beispiel zeigt einen ###ff9933|Text in orange.##
Dieses Beispiel zeigt einen Text in orange.
Horizontale Linie
einfach vier Bindestriche (-) ohne Leerzeichen am Anfang einer Zeile eingeben.
Grafiken oder Bilder hinzufügen
Wenn Du einen Beitrag oder Kommentar erstellst, kannst Du in diesem belibig viele Bilder im Format JPEG, JPG, WebP oder PNG hochladen und in den Text einfügen. Dazu klickt man einfach beim Bearbeiten auf das Kamera- bzw. Foto Symbol.
Nach dem Upload kannst du per Image-Code das Bild im Beitrag genau positionieren. Gehe dazu mit dem Cursor an die Stelle, wo das Bild später erscheinen soll. Dann klicke in der Bilderübersicht auf das Plus-Symbol um den Image-Code automatisch an die Stelle im Text einzufügen. Über die Vorschau, kannst du die Position überprüfen.
Positionierst du das oder die Bilder nicht, werden sie automatisch am Ende des Textes angezeigt.
Hier ein Beispiel für einen Image-Code
[[image ceabd0409bed46e26a439b5f39e9e5d1]]
Es können nur Bilder eingefügt werden die auch im Beitrag selbst hochgeladen wurden. Links zu Bildern aus anderen Beiträgen des Forums werden vom System automatisch entfernt um ungültige Links zu vermeiden.
Wenn du noch einen Text zum Bild schreiben möchtest, der auch wie das Bild positioniert ist, kannst du das folgende Element verwenden:
<center>Bildüberschrift</center>
Smileys / Emoticons / Well-known SMIDs
SMID | allgemein verstanden als... | Code | |
---|---|---|---|
Smiley | lachendes Gesicht, Ausdruck von Freude | :-) | |
face-cool | ich bin cool | 8-| | |
face-devilish | Teufel | >:-) | |
face-plain | ich sage diesmal nichts | :-| | |
face-wink | zwinkern / freches Grinsen / Ich meins nicht ernst | ;-) | |
face-kiss | Kuss, Bussi | :-* | |
face-sad | macht mich traurig, enttäuscht | :-( | |
face-grin | Grinsekatze | :-(|) | |
face-crying | eine Träne vergießen | :’( | |
face-laugh | LOL, Lautes Lachen, Dich anlachend | :-D | |
face-surprised | Erstauntes Gesicht, Ausdruck von Überraschung | :-0 |
Weitere Info siehe: Welche Smileys kennt das System?.
URLs und interne Verlinkungen
URL mit Titel
[https://administrator.de Administrator.de]
Administrator.de
Inline URL
https://administrator.de
https://administrator.de
YouTube Videos einbinden
Einfach die ID direkt hinter [youtube:ID_des_Video] eingeben. Es erscheint dann der Youtube-Flashplayer mit dem Video. Beispiel: [youtube:YxdlYFCp5Ic] würde z.B. das Video https://youtube.com/watch?v=YxdlYFCp5Ic direkt in den Beitrag einbinden. Es werden dabei alle Sprachen unterstützt.
Interne Beitragsverlinkung
[content:Permanent-ID Text] - Die "Permanent-ID" findet ihr unter "ID" ganz oben in der Titelleiste des jeweiligen Beitrags. "Text" ist optional. Ist kein "Text" angegeben, so wird der Originaltitel des Beitrags verwendet.
Beispiel: [content:933b98860f81dab70bc4b8a3b36eddb4]
Interne Userverlinkung
[user:Mitglieder-ID] - Die "Mitglieder-ID" findet ihr in der Profilansicht eines Mitglieds. Es wird der Nutzername des Mitglieds verwendet.
Beispiel: [user:1]
@Mitgliedername - Einfach vor dem Nutzername des Mitglieds ein @ Symbol stellen und schon ist der Name mit dem Profil verlinkt.
Beispiel: @admtech
Inhaltsverzeichnis (Table of Content)
Mit [[toc]] erstellen Sie ein Inhaltsverzeichnis der einzelnen Überschriften (Heading Levels)
Überschriften (Heading Levels)
Mit den einzelnen Heading Levels können Sie die Überschriften einrücken. Beispiel:
+++ Heading Level 3
++++ Heading Level 4
+++++ Heading Level 5
++++++ Heading Level 6
+++++++ Es gibt kein Level 7
Heading Level 3
Heading Level 4
Heading Level 5
Es gibt kein Level 7
Textblöcke / Zitate
Dies ist ein normaler Text.
> Das ist ein Textblock. Das "Größer-Gleich-Zeichen" definiert den Start.
> Jetzt kann man ein wenig Text schreiben. Das kann man jetzt so lange
> machen, bis der Block geschrieben ist.
>
> Hier ein weiterer Textblock...
>> Weitere Ebenen von Textblöcken sind möglich.
Ohne das "Größer-Gleich-Zeichen" hört es hier aber auf.
Und wieder zurück zum normalen Text.
Das ist ein Textblock. Das "Größer-Gleich-Zeichen" definiert den Start.
Jetzt kann man ein wenig Text schreiben. Das kann man jetzt so lange
machen, bis der Block geschrieben ist.
Hier ein weiterer Textblock...
Ohne das "Größer-Gleich-Zeichen" hört es hier aber auf.Jetzt kann man ein wenig Text schreiben. Das kann man jetzt so lange
machen, bis der Block geschrieben ist.
Hier ein weiterer Textblock...
Weitere Ebenen von Textblöcken sind möglich.
Und wieder zurück zum normalen Text.
Weitere Informationen zur Zitatfunktion: Zitieren von Beiträgen
Einrückungen (List Elemente)
Bulletpoints
* Bulletpoint eins
* Bulletpoint zwei
- Bulletpoint eins
- Bulletpoint zwei
Nummerierungen
# Nummer eins
# Nummer zwei
# Nummer usw.
# Nummer usw.
- Nummer eins
- Nummer zwei
- Nummer usw.
- Nummer usw.
Nummerierungen und Bulletpoints zusammen
# Nummer eins
* Bullet
* Bullet
# Nummer zwei
* Bullet
* Bullet
* Sub-bullet
# Sub-sub-Nummer eins
# Sub-sub-Nummer zwei
# Nummer drei
* Bullet
- Nummer eins
- Bullet
- Bullet
- Nummer zwei
- Bullet
- Bullet
- Sub-bullet
- Sub-sub-Nummer eins
- Sub-sub-Nummer zwei
- Nummer drei
- Bullet
Definitionen
: Punkt 1 : Das ist ja eine ganz tolle Definition.
: Punkt 2 : Was man schon immer Wissen sollte...
- Punkt 1
- Das ist ja eine ganz tolle Definition.
- Punkt 2
- Was man schon immer Wissen sollte...
Tabellen
Mit zwei senkrechten Strichen wird jeweils eine Tabellenzelle erzeugt. Beispiele:
|| cell one || cell two ||
|| cell four || cell five ||
|| cell six || here's a very very very very very long cell ||
Mit Überschrift
||~ header 1 ||~ header 2 ||
|| Blindtext 1 || Blindtext 2 ||
Felder rechts, center und links Formatiert
||< left ||= center ||> right ||
|| The quick brown || fox jumps over || the lazy dog. ||
cell one | cell two |
cell three | cell four |
cell five | here's a very long cell |
Mit Überschrift
header 1 | header 2 |
---|---|
Blindtext 1 | Blindtext 2 |
Felder rechts, center und links Formatiert
left | center | right |
The quick brown | fox jumps over | the lazy dog. |
Zusätzliche Formatierungsbefehle
Folgende Befehle helfen bei der Formatierung etwas nach:
text |
Zeile1 %%return%% Zeile2 |
Zeile1 Zeile1 |
Test Tabelle |
%%return%% erzeugt ein "<br>" Tag
%%space%% erzeugt ein " " Tag
Quellcode, Code oder HTML Snippets
Mit dem Einfügen von Code-Tags kann ein beliebiger Quellcode in richtiger Formatierung (Abstände, Einrückungen, Sonderzeichen usw.) angezeigt werden. Dazu setzt man vor den Quellcode ein <code> und am Ende des Quellcodes ein </code>
<code>Quellcode</code>
Mit dem optionalen Parameter type="xxx" wird der Code Block speziell formatiert. Aktuelle gibt es "php", "html" und "plain" (andere Code Typen kommen später noch hinzu).
Beispiel:
<code>
function safeHTML($str) {
$approvedtags = array(
"p"=>2, // 2 means accept all qualifiers: <foo bar>
"b"=>1 // 1 means accept the tag only: <foo>
);
}
</code>
function safeHTML($str) {
$approvedtags = array(
"p"=>2, // 2 means accept all qualifiers: <foo bar>
"b"=>1 // 1 means accept the tag only: <foo>
);
}
PHP
Mit <code type="php">Quellcode</code> kann ein Quellcode mit PHP Start- und Endtags (<? und ?>) in PHP Farbformatierung angezeigt werden.
Beispiel:
<code type="php">
<?
function safeHTML($str) {
$approvedtags = array(
"p"=>2, // 2 means accept all qualifiers: <foo bar>
"b"=>1 // 1 means accept the tag only: <foo>
);
}
?>
</code>
<?
function safeHTML($str) {
$approvedtags = array(
"p"=>2, // 2 means accept all qualifiers: <foo bar>
"b"=>1 // 1 means accept the tag only: <foo>
);
}
?>
HTML
Mit <code type="html">Quellcode</code> kann ein HTML Quellcode angezeigt werden.
Beispiel:
<code type="html">
<table><tr>
<td>test</td>
<td>test</td>
</tr></table>
</code>
<table><tr>
<td>test</td>
<td>test</td>
</tr></table>
Plain
Mit <code type="plain">Text, Ergebnis oder Code</code> kann ein Text, ein Code oder ein Ergebnis mit Rahmen dargestellt werden. Im Gegensatz zu <code> fehlen aber die Zeilennummern.
So könnte das Ergebnis oder der Code aussehen
Kennzeichnung von KI-Inhalten
Mit <ai source=''></ai> können KI-Inhalte markiert werden. Dies hilft, KI-Inhalte von menschlichen Inhalten zu unterscheiden. Beispiel:
Quelle: Claude KI
Ich bin Claude, ein KI-Assistent von Anthropic, der darauf ausgelegt ist, Menschen bei verschiedensten Aufgaben zu unterstützen. Ich strebe danach, hilfreich und aufrichtig zu sein, während ich gleichzeitig offen über meine Grenzen als KI kommuniziere. Besonders gerne helfe ich bei analytischen Aufgaben, kreativen Projekten und beim Lernen neuer Dinge, wobei ich versuche, mich auf natürliche und authentische Weise mit Menschen auszutauschen.
Hier der Code dazu:
<ai source='Claude' prompt='Was bist du'>Ich bin Claude, ein KI-Assistent von Anthropic, der darauf ausgelegt ist, Menschen bei verschiedensten Aufgaben zu unterstützen. Ich strebe danach, hilfreich und aufrichtig zu sein, während ich gleichzeitig offen über meine Grenzen als KI kommuniziere. Besonders gerne helfe ich bei analytischen Aufgaben, kreativen Projekten und beim Lernen neuer Dinge, wobei ich versuche, mich auf natürliche und authentische Weise mit Menschen auszutauschen.</ai>