|
mamuesp
Themenersteller
Dabei seit: 13.12.2007
Beiträge: 4673
|
Hier findet Ihr Informationen, wie im Forum Texte erstellt und formatiert werden können, wie man Bilder und Links einfügen kann und Ähnliches.
Frage: Was ist BBCode?
BBCode (Bulletin Board Code) ist eine Notation, die es erlaubt, einige Formatierungs- und Einbinde-Möglichkeiten beim Erstellen von Beiträgen zu bieten, um so den Einsatz von HTML-Befehlen zu vermeiden. Dies einerseits aus Sicherheitsgründen, andererseits aber auch, um das Erscheinungsbild der Beiträge nicht zu stark divergieren zu lassen.
Das Konzept ist dabei recht einfach: analog zu HTML werden auch so genannte "Tags" (Tag = Etikett, Namensschild) eingesetzt, die durch eckige Klammern gekennzeichnet sind. Das geschieht immer paarweise, ein Tag wird durch [ <Tag-Name> ] geöffnet, und mit [ /<Tag-Name> ] wieder geschlossen. Was zwischen diesen Klammerpaaren steht, wird von dem Tag, entsprechend seiner Art, beeinflusst. Es gibt Tags, die haben im öffnenden Teil hinter dem Tag-Namen noch ein Gleichheitszeichen, hier wird ein weiterer Wert, z.B. eine URL, eine Farbe oder eine Größenangabe erwartet. Dieser Wert ist grundsätzlich ohne Anführungszeichen einzugeben, bei Ausnahmen sind diese aber manchmal notwendig.
BBCodes können manuell eingegeben werden, häufig gibt es aber auch Buttons, die einem die Arbeit erleichtern. Diese funktionieren auf zwei Arten: entweder, man selektiert den Text, den man z.B. fett darstellen möchte, und klickt auf den entsprechenden Button, dann werden um den selektierten Text die Tags gelegt - das wars in diesem Fall. Bei einigen Tags wie für URLs, Farben etc. muss man eben noch den erwarteten Wert eingeben. Die zweite Art ist folgende: man klickt auf den Buton, dann wird am Ende der Text-Box ein öffnendes Tag eingefügt, danach kann man den gewünschten Text eingeben, ein weiterer Klick fügt dann den schließenden Tag ein.
Frage: Was bedeuten die Buttons über den Text-Boxen beim Schreiben eines Beitrages?
(Hinweis: in einigen Beispielen sind die Tags mit Leerzeichen in den eckigen Klammern dargestellt. Das dient nur dazu, dass diese Beipiele nicht vom System interpretiert werden. Im "echten Einsaz" haben Leerzeichen in den Tags nichts zu suchen.)
Die Buttons oben über der Texteingabebox haben folgende Aufgaben:
Dieser Button dient zum Kenntlichmachen von Zitaten. Er kann mit und ohne namentliche Kennung eingesetzt werden.
   
Diese vier Buttons werden zum Formatieren des Textes eingesetzt, die Attribute fett, unterstrichen, kursiv oder durchgestrichen lassen sich hier einstellen.
Mit dem Button "Größe" lässt sich die Schriftgröße ändern. Dabei ist dem Bezeichner "size" ein Wert im CSS-Format "pt" (Point) oder "px" (absolute Pixel) mitzugeben.
Beispiele:
size=8pt, size=20pt, size=8px, size=32px
Ähnlich wie die Größe lässt sich auch die Farbe des Textes mit diesem Button beeinflussen, hier sind dem Bezeichern "color" Farbwerte im CSS-Format zuzuweisen, das kann ein defnierter Name sein oder ein RGB-Wert in Hex-Notation.
Einige Beispiele: Farb-Namen: navy, maroon in Hex: #FF00FF (Magenta), #FFA010 (Orange)
Durch den Bild-Button lassen sich Bilder im Text unterbringen. Der Code klammert einfach die URL des Bildes ein: [ img ]<URL von meinem Bild>[ /img ]. Soll das Bild eine bestimmte Breite haben, kann man diese in der ersten Klammer definieren, steht da z.B. [ img=300 ], wird das Bild nur mit 300 Pixeln Breite dargestellt. Diese Option sollte man nutzen, wenn man Bilder einstellt, die größer als die Spaltenbreite sind. Diese würden sonst das Layout "sprengen"!
Sind Links unterzubringen, ist dieser Button hilfreich. Hier gibt es zwei "Betriebsmodi": einmal kann die gewünschte URL in der Klammer mit [ url=<meine URL> ]<mein Text>[ /url ] (übrigens: funktioniert mit und ohne Anführungszeichen) eingegeben werden, dann stellt der Text zwischen den Tags den Link-Text dar. Oder man entfernt das Gleichheitszeichen in der Klammer und lässt die Tags nur die URL klammern: [ url ]<meine URL>[ /url ], dann ist die URL auch als Text anklickbar.
 
Die letzten beiden Buttons sind eher etwas für Entwickler, sie dienen dazu, HTML- und PHP-Code kenntlich zu machen, der Code wird dabei nur durch ein HTML- bzw. PHP-Tag eingeklammert.
Dazu zwei Beispiele:
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="ltr" xmlns="http://www.w3.org/1999/xhtml"
xml:lang="de" lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
</body>
</html>
function generateBBCodeButtons($template) {
// Load regular BBCodes
$res = $GLOBALS['TYPO3_DB']->exec_SELECTquery(
'*',
'tx_mmforum_postparser',
'deleted=0 AND hidden=0');
...
"Es ist normal, anders zu sein." - erleichterte Erkenntnis eines 'HB-Kids' ... 
Avatar © sarah5 - Fotolia.com
|
registrieren, dann steht Dir nach der Freischaltung des Benutzerkontos das Forum offen.
