Alles über BBCode (Benutzung des Foreneditors)

Inhaltsverzeichnis:

1. Was ist BBCode
2. HTML im Forum
3. BBCodes Teil 1
4. BBCodes Teil 2

1. Was ist BBCode


BBCode (von engl. Bulletin Board Code) ist eine sehr eng an HTML angelehnte, jedoch vereinfachte Auszeichnungssprache, die bevorzugt für die Erstellung von Beiträgen in Webforen eingesetzt wird. BBCode ist nicht offiziell reglementiert, stellt aber wegen seiner hohen Verbreitung einen Quasi-Standard sowie eine Best Current Practice dar.

BBCode wurde erstmals 1998 in der Webforensoftware Ultimate Bulletin Board (UBB) Version 3 eingeführt und wird dementsprechend manchmal auch als UBBCode bezeichnet.

Viele Textauszeichnungen funktionieren in BBCode analog zu HTML. Zudem, sofern nicht direkt über HTML möglich, erlaubt BBCode auch komplexe Elemente, wie zum Beispiel Listen.

Oftmals ist BBCode über eine einfach zu bedienende Oberfläche ober- oder unterhalb des Eingabeformulars – ähnlich gängigen Text-Editoren – verfügbar. Dies erfolgt dann in Verbindung mit JavaScript oder serverseitigen Programmiersprachen, wie zum Beispiel PHP oder Perl. Gerne gibt es dann auch Pop-ups, in denen der auszuzeichnende Text, die Listenelemente usw. eingegeben werden kann. Natürlich kann man die Elemente auch von Hand eintragen.

Ein weiterer Vorteil von BBCode gegenüber HTML ist, dass das Einbinden von vollwertigem HTML durch User nicht erlaubt werden kann, da damit zum Beispiel auch sicherheitsbedenkliche JavaScripts eingebunden oder das Layout der Webseite gestört werden könnte. Das Herausfiltern von gefährlichen HTML-Tags (bei gleichzeitigem Erlauben von ungefährlichen) kann sich aber leicht als fehlerträchtig oder unzureichend erweisen.


Quelle: Wikipedia

2. HTML im Forum


Wenn HTML nicht zwingend im Forum in den Beiträgen benötigt wird, dann sollte es sicherheitshalber deaktiviert bleiben, da man mit HTML allerlei Unfug im Forum möglich macht, der ernsthafte Konsequenzen für den Betreiber und die anderen Mitglieder nach sich ziehen kann.
Wenn es um die Darstellungen von Inhalten wie Bildern, Bannern, flash-Animationen, ... oder um Verlinkungen, Tabellen, etc. geht, dann kann dies in aller Regel auch mit BB-Code gelöst werden, wobei BB-Code wesentlich sicherer ist.

Quelle: Forumieren Supportforum

3. BBCodes Teil 1

Diese Codes funktionieren in beinahe jedem Forum:


Fettschrift:

Code:

[b]Text ist fett[/b]

Beispiel: Text ist fett


Kursivschrift:

Code:

[i]Text ist kursiv[/i]

Beispiel: Text ist kursiv


Unterstreichen:

Code:

[u]Text ist unterstrichen[/u]

Beispiel: Text ist unterstrichen


Schriftart:

Code:

[font=Arial]Text in Arial[/font]

Beispiel: Text in Arial


Schriftfarbe:

Code:

[color=red]Text ist rot[/color]

Beispiel: Text ist rot
Wichtig: Du musst hier immer die Farbe in englisch eingeben!


Schriftgröße:

Code:

[size=20]Text in Grösse 18[/size]

Beispiel: Text in Grösse 18


Verlinken:

Code:

[url]http://www.google.de[/url]

Beispiel: http://www.google.de
Wichtig: Bitte immer das Protokoll (http://) angeben!


Verlinken (2):

Code:

[url=http://google.de]Google[/url]

Beispiel: Google


Grafik einfügen:

Code:

[img]http://mg21.bplaced.net/banner/banner1.jpg[/img]

Beispiel:
Wichtig: Eine Bildadresse fängt immer mit http:// an!
Bevor du das Bild in einem Forum einfügen kannst, musst du es hochladen.


Grafik verlinken:

Code:

[url=http://mg21.forumieren.de][img]http://mg21.bplaced.net/banner/banner1.jpg[/img][/url]

Beispiel:
Wichtig: Bei url= kommt die Zieladresse rein, auf die du
verlinken willst, bei [img] kommt die URL vom Bild rein!


Zitat-Feld:

Code:

[quote]Hier steht dein Zitat[/quote]

Beispiel:

Hier steht dein Zitat

Wichtig: Im Zitat-Feld kann man Texte und Codes farbig markieren!


Zitat-Feld mit Bezug:

Code:

[quote="Name"]Zitat von Name[/quote]

Beispiel:

Name schrieb:Zitat von Name

Wichtig: Der Bezugsname muss in Anführungszeichen stehen!


Code-Feld:

Code:

[code]Hier steht dein Code[/code]

Beispiel:

Code:

Hier steht dein Code

Wichtig: Im Code-Feld kann man Texte und Codes nicht farbig markieren!

4. BBCodes Teil 2

Diese Codes funktionieren zwar in meinem Forum, aber nicht in anderen Foren:


Text zentrieren:

Code:

[center]Text ist zentriert[/center]

Beispiel:


Rechtsbündiger Text:

Code:

[right]Text ist rechtsbündig[/right]

Beispiel:


Durchgestrichener Text:

Code:

[strike]Text ist durchgestrichen[/strike]

Beispiel: Text ist durchgestrichen


Tiefstellung:

Code:

Text ist [sub]tiefgestellt[/sub]

Beispiel: Text ist _tiefgestellt


Hochstellung

Code:

Text ist [sup]tiefgestellt[/sup]

Beispiel: Text ist ^hochgestellt


Aufzählung / Liste mit Strichen:

Code:

[list]
[*]Punkt 1
[*]Punkt 2
[*]Punkt 3
[/list]

Beispiel:

• Punkt 1
  
• Punkt 2
  
• Punkt 3
  

Aufzählung / Luste mit Nummerierung:

Code:

[list=1]
[*]Punkt 1
[*]Punkt 2
[*]Punkt 3
[/list]

Beispiel:

1. Punkt 1
   
2. Punkt 2
   
3. Punkt 3
   

Linie einfügen:

Code:

[hr]

Beispiel:

---

Video einfügen (Youtube):

Code:

[flash(425,350)]http://www.youtube.com/v/JAMbCmK0iHg[/flash]

Beispiel:


Spoilertext:

Code:

[spoiler]Hier steht ein Spoilertext[/spoiler]

Beispiel:

Spoiler: