BBCode zu HTML

BBCode zu HTML ist ein kostenloses Tool, das BBCode-Ausschnitte in unverarbeitetes HTML umwandelt, damit du sie außerhalb von Foren-Editoren verwenden kannst.

Welches Problem löst die Umwandlung von BBCode?

Bei der Umwandlung von BBCode wird die in Foren übliche Auszeichnung in HTML übertragen, das Browser, Content-Management-Systeme und Webvorlagen verarbeiten können. BBCode verwendet Tags in eckigen Klammern wie [b], [i] und [url] anstelle von HTML-Elementen.

Das ist hilfreich, wenn du Beiträge aus einem Forum migrierst, Inhalte aus der API eines Drittanbieters untersuchst oder eine alte Wissensdatenbank für eine Plattform vorbereitest, die HTML, aber kein BBCode akzeptiert. Auch vor einer Bereitstellung kann die Umwandlung nützlich sein, wenn importierter Text getrennt vom umgebenden Anwendungscode geprüft werden muss.

BBCode ist keine formal standardisierte Sprache. Forensoftware und Plug-ins können eigene Tags, Attribute und Regeln für die Verschachtelung definieren. Eine Umwandlung, die mit gängigen Formatierungen funktioniert, muss daher möglicherweise angepasst werden, wenn die Quelle plattformspezifische Konstrukte wie Spoiler-Boxen, Verweise auf Anhänge oder benutzerdefinierte Medien-Tags enthält.

Wie kann ich BBCode in HTML umwandeln?

Gib die ursprüngliche Auszeichnung in das Feld BBCode ein oder füge sie dort ein. Den umgewandelten Code findest du anschließend im Feld HTML. Kopiere dieses HTML erst an das gewünschte Ziel, nachdem du geprüft hast, ob die Elemente und Links dem beabsichtigten Inhalt entsprechen.

1. Kopiere den vollständigen BBCode-Ausschnitt einschließlich der öffnenden und schließenden Tags.
2. Füge ihn in das Feld BBCode ein, ohne die eckigen Klammern zu ersetzen.
3. Prüfe das unverarbeitete Ergebnis im Feld HTML.
4. Vergleiche Links, Bilder, Listen und verschachtelte Formatierungen mit dem ursprünglichen Beitrag.
5. Bereinige nicht vertrauenswürdige Ausgaben, bevor du sie auf einer öffentlichen Seite darstellst.

Die Umwandlung erfolgt auf dem Server. Deine Eingabe wird über HTTPS an den Server übertragen und nicht gespeichert.

Wie lese ich das ausgegebene HTML?

Lies das Ergebnis als Quellcode und nicht als visuelle Vorschau. Das ausgegebene HTML sollte Elemente enthalten, welche die Struktur und Formatierung des ursprünglichen BBCode abbilden.

Ein einfaches konzeptionelles Beispiel:

BBCode-Eingabe: [b]Release note[/b]

HTML-Ausgabe: ein b- oder strong-Element, das den Text "Release note" enthält.

Ein weiteres häufiges Muster:

BBCode-Eingabe: [url=https://example.org/docs]Read the docs[/url]

HTML-Ausgabe: ein Ankerelement mit dem Ziel https://example.org/docs und dem sichtbaren Text "Read the docs".

Die genauen Elementnamen können sich je nach Konverter unterscheiden, da BBCode-Dialekte nicht standardisiert sind. Fettschrift kann beispielsweise entweder durch ein b-Element dargestellt werden, das Aufmerksamkeit erzeugt, ohne zusätzliche Wichtigkeit auszudrücken, oder durch ein strong-Element, das starke Wichtigkeit kennzeichnet. Prüfe deshalb den tatsächlichen Wert im Feld HTML, statt von einer bestimmten Zuordnung auszugehen.

Dieses Tool ist ein Konverter und kein Ersatz für einen HTML-Validator oder eine Sicherheitsbereinigung. Unerwartet unverändert ausgegebener BBCode, fehlende Inhalte oder ungewöhnlich verschachtelte Elemente sind Anzeichen dafür, dass die Quelle fehlerhafte oder nicht unterstützte Syntax enthält. Häufige Probleme sind nicht geschlossene Tags, schließende Tags in der falschen Reihenfolge, fehlerhafte Attribute und forenspezifische Tags ohne allgemeine HTML-Entsprechung.

Schwierige Eingaben und Unterschiede zwischen Dialekten

Leerzeichen, Satzzeichen, Zahlen, Buchstaben mit Akzenten und nicht lateinische Schriftzeichen sind gewöhnlicher Text, sofern sie nicht innerhalb der Tag-Syntax oder von Attributen stehen. Sie sollten als Inhalt erhalten bleiben und nicht in eigene Auszeichnung umgewandelt werden. Bei URLs ist mehr Sorgfalt nötig: Zeichen, die Teil der URL sind, etwa Leerzeichen, müssen möglicherweise prozentcodiert werden. Zeichen mit einer besonderen Bedeutung in der umgebenden HTML-Attributsyntax, zum Beispiel kaufmännische Und-Zeichen und Anführungszeichen, müssen eventuell als HTML maskiert werden.

• Falsche Verschachtelung: [b][i]Text[/b][/i] schließt die Tags in der falschen Reihenfolge. Bei korrekt verschachtelter Auszeichnung wird zuerst das innere Tag geschlossen.
• Fehlende schließende Tags: [quote]Text hat kein schließendes Gegenstück, wenn das letzte Tag fehlt.
• Benutzerdefinierte Tags: [spoiler], [video] und Tags für Anhänge können je nach Forensoftware unterschiedliche Bedeutungen haben.
• Vorhandenes HTML: In BBCode eingebettetes HTML kann je nach Parser maskiert, beibehalten oder als Text behandelt werden. Prüfe es sorgfältig, statt dich auf eine allgemeingültige Regel zu verlassen.
• Sehr lange Eingaben: Große Migrationen lassen sich meist besser in mehreren Stapeln verarbeiten. So können fehlgeschlagene Datensätze leichter erkannt und korrigiert werden.

Eine leere Eingabe enthält keine Formatierungsstruktur, die umgewandelt werden könnte. Besteht die Quelle aus reinem Text ohne BBCode-Tags, bringt die Umwandlung möglicherweise nur wenig. Bei der späteren HTML-Verarbeitung kann es dennoch erforderlich sein, Zeichen wie <, > und & zu maskieren.

Wann lohnt sich die Umwandlung nicht?

Eine Umwandlung lohnt sich nicht, wenn der Inhalt ausschließlich von einem System gelesen wird, das den ursprünglichen BBCode-Dialekt bereits versteht. Der Formatwechsel fügt einen weiteren Verarbeitungsschritt hinzu und kann dazu führen, dass benutzerdefinierte Funktionen des Forums verloren gehen.

Sie ist ebenfalls unnötig, wenn ein System den BBCode unverändert speichert, damit ihn später dieselbe Forensoftware darstellt. Auch das Verschönern oder manuelle Umstellen des erzeugten HTML bringt wenig, wenn es ausschließlich maschinell gelesen wird. Eine Ausnahme besteht, wenn die Formatierung für Prüfungen in der Versionsverwaltung oder für die Fehlersuche benötigt wird.

Bei umfangreichen Migrationen kann ein skriptgesteuerter Parser besser geeignet sein, da er dieselben Dialektregeln auf jeden Datensatz anwenden und Fehler protokollieren kann. Reguläre Ausdrücke allein sind bei verschachtelter Auszeichnung riskant. Verwende einen Parser, der Verschachtelungen, Attribute und fehlerhafte Eingaben versteht. Validiere und bereinige das erzeugte HTML anschließend separat. Enthält der umgewandelte Inhalt eingebettete JSON-Konfigurationen, kann ein JSON-Validator & -Verschönerer bei der Prüfung dieser Daten helfen. Das umgebende HTML wird damit jedoch nicht validiert.

Häufig gestellte Fragen

Kann ich umgewandelten BBCode direkt veröffentlichen?

Nein. HTML aus nicht vertrauenswürdigen Forenbeiträgen sollte vor der Darstellung mit einem HTML-Sanitizer bereinigt werden, der nur ausdrücklich erlaubte Elemente und Attribute zulässt. Das gilt besonders für Links, Bilder, eingebettete Medien und alle Quellen, die bereits HTML-ähnlichen Text enthalten können.

Werden Zeilenumbrüche in HTML-Absätze umgewandelt?

Wie Zeilenumbrüche behandelt werden, hängt vom BBCode-Parser und den Regeln der Quellplattform ab. Manche Systeme interpretieren Leerzeilen als Absätze, andere fügen Elemente für Zeilenumbrüche ein oder behalten einfache Leerraumzeichen bei. Vergleiche vor der Migration einer großen Sammlung ein mehrzeiliges Beispiel mit der Darstellung im ursprünglichen Forum.

Unterstützt BBCode Unicode-Zeichen?

Ja, BBCode kann Unicode-Text enthalten, darunter Buchstaben mit Akzenten, Emoji und nicht lateinische Schriftsysteme, da diese Zeichen zum Inhalt und nicht zur Tag-Syntax gehören. Auch die Zielseite muss eine geeignete Zeichenkodierung verwenden, normalerweise UTF-8. Andernfalls kann der Text nach der Umwandlung falsch dargestellt werden.

Kann ich BBCode in einem CSV- oder Datenbankexport umwandeln?

Wandle die Feldwerte um, nicht die gesamte Exportdatei. CSV-Anführungszeichen, Trennzeichen und Escape-Sequenzen einer Datenbank gehören zum jeweiligen Containerformat und können beschädigt werden, wenn du sie durch einen Markup-Konverter verarbeitest. Bewahre eine unveränderte Sicherung auf und teste die Umwandlung zunächst mit einem kleinen Stapel, bevor du sie auf alle Zeilen anwendest.

Was sollte ich vor dem Import des HTML prüfen?

Teste ein Beispiel mit verschachtelter Formatierung, einem Link, einer Liste, einem Bildverweis und allen benutzerdefinierten Tags, die das Quellforum verwendet. Vergewissere dich, dass das Zielsystem diese HTML-Elemente und Attribute akzeptiert. Führe danach die dort vorgeschriebene Bereinigung oder Validierung durch, bevor du den vollständigen Import startest.