Über BBCodes kann man auf zusätzliche HTML-Tags und -Funktionen zugreifen.
Eingeblendet sind diese Funktionen als Button im Bearbeitungsmodus für Beiträge. Über dem Textfeld waren bisher die Funktionen bold (fett), italic (kursiv), underline (unterstrichen) ... bis zur Schriftfarbe vorhanden, die sich vorwiegend mit dem Formatieren von Text befassten, sowie dem Einfügen von Bildern und Links.
Ebend diese Funktionspalette soll nun Stück für Stück erweitert werden. Den Anfang machen die Multimedia-Anwendungen. Bilder und Videos sollen in verschiedener Größe eingebettet werden können.
IMGZ
Als erweiterte Bildeinbettung wurde die Funktion "imgz" kreiiert. "imgz" steht dabei für Image Zoom. Mit dieser Funktion ist es möglich, dass Bilder in bestimmten, vom Beitragschreiber festgelegten Größen angezeigt werden.
Der Quellcode für "imgz" sieht wie folgendermaßen aus:
- Code: Alles auswählen
[imgz {NUMBER1} {NUMBER2}]{URL}[/imgz]
Für völlige Skriptneulinge wirkt dies natürlich erst einmal ziemlich befremdlich. Auf den zweiten Blick lässt sich das alles erklären.
Wie üblich werden die BBCode-Tags, also die Funktionen, in eckigen Klammern aufgeführt. Und ebenfalls üblich wird eine Funktion mit dem "/"-Zeichen geschlossen. Die Werte innerhalb der geschweiften Klammern stehen für Platzhalter. Sie markieren Stellen, die vom Beitragschreiber ausgefüllt werden sollen. Dabei werden auch die geschweiften Klammern überschrieben. Ein Beispielcode könnte wie folgt aussehen:
- Code: Alles auswählen
[imgz 400 250]www.deviantart.com/bildeins.jpg[/imgz]
Der Wert NUMBER1 steht für die angezeigte Breite eines Bildes in Pixel, in diesem Falle ersetzt durch 400. Und NUMBER2 steht für die angezeigte Höhe in Pixel, hier 250. Das fiktive Bild "bildeins.jpg" würde also mit 400x250 Pixeln angezeigt werden. Es würde auf diese Größe geschrumpft oder gestreckt werden. Dabei ist es eigentlich unerheblich, von welcher Quelle dieses Bild stammt.
Die Breite und die Höhe müssen immer angegeben werden.
VIMEO
Vimeo ist ein Videoportal und verwendet für seine Videos eine nummerische Bezeichnung, zur Zeit ein achtstellige. Außerdem sieht der Einbettungcode von Vimeo-Videos etwas anders aus, als der von Youtube. Das ist auch der Grund warum diese beiden Portale einzeln aufgeführt werden.
Der Quellcode für "vimeo" sieht wie folgendermaßen aus:
- Code: Alles auswählen
[vimeo {NUMBER1} {NUMBER2}]{IDENTIFIER}[/vimeo]
Um Konfikten und Fragen vorzubeugen, weil das Einbetten von Videos nach wie vor nicht von jedem beherrscht wird, habe ich die Sache erheblich vereinfacht. Wie bereits beschrieben, hat jedes Video auf Vimeo eine eindeutige Kennung: eine achtstellige Zahl. Diese achtstellige Zahl steht in der Adressleiste eines jeden Vimeo-Videos hinter "www.vimeo.com" (z.B.: http://vimeo.com/32001208). Mehr als diese Ziffernfolge ist nicht nötig, um ein Vimeo-Video in diesem Forum einzubetten, sie ersetzt die Variable IDENTIFIER.
Ein Beispiel:
- Code: Alles auswählen
[vimeo 400 225]32001208[/vimeo]
{NUMBER1}, für die Breite, und {NUMBER2} für die Höhe, sind unbedingt anzugeben.
YOUTUBE
Ähnlich sieht die ganze Sache auch beim größten Videoportal der Welt aus.
Der Quellcode hierfür lautet, wie folgt:
- Code: Alles auswählen
[youtube {NUMBER1} {NUMBER2}]{IDENTIFIER}[/youtube]
Um an die IDENTIFIER-Zeichenkolonne eines YouTube-Videos zu kommen, bedarf es etwas mehr Geschick. Für Laien ist diese Nummer in der Adressleiste schwer auszumachen. Hier ein Beispiel:
- Code: Alles auswählen
http://www.youtube.com/watch?v=4pu2KLUzHbQ&feature=grec_index
Die gesuchte Zeichenkolonne lautet 4pu2KLUzHdQ.
Die Zeichenkolonne in der Adresszeile liegt immer hinter "?v=" und vor einem eventuell angeschlossenen "&feature". Einfacher lässt sie sich erstöbern indem man auf den Weiterleiten-Button auf YouTube klickt. Hier steht die benötigte Zeichenkolonne hinter dem Schrägstrich (kurzer Link), bzw. wie in der Adressleiste hinter "?v=" (langer Link).
Eine entsprechende Einbettung sehe wie fölgt aus:
- Code: Alles auswählen
[youtube 420 315]97Ob0xR0Ut8[/youtube]
COLLEGEHUMOR
Auch die Videoplattform Collegehumor wurde integriert.
Der Quellcode sieht den anderen sehr ähnlich.
- Code: Alles auswählen
[humor {NUMBER1} {NUMBER2}]{IDENTIFIER}[/humor]
Der IDENTIFIER ist hier eine Zahlenkolonne, die in der Adressleiste zwischen der Domain und dem Videotitel verbirgt.
(Beispiel: "http://www.collegehumor.com/video/6512242/back-to-the-future-alternate-ending-biff-is-dead")
Außerdem ist diese Zahlenkolonne in beiden Varianten des Einbettungcodes enthalten. Dieser enthält auch die vorgeschlagene Videobildgröße (Breite, Höhe) die ihr in die Variablen NUMBER1 und NUMBER2 übertragen könnt.
Weitere Funktionen werden folgen. Schlagt unter den Verbesserungsvorschlägen auch gern Videoseiten vor, die hier implementiert werden sollen. Beachtet aber auch, dass BBCode kein iframe-Einbettungcode unterstützt.
