Softonic

BBCode zu HTML Konverter

Schritt 1 / 2
Nächste

BBCode war das leichte Markup der Foren-Ära — [b]fett[/b], [url], [quote], [code]. Jedes phpBB, vBulletin, XenForo und SMF Forum verwendete es, und Millionen von Beiträgen auf diesen Plattformen existieren noch. Dieser Konverter analysiert BBCode und gibt sauberes, gültiges HTML aus, das du in ein modernes CMS, eine statische Seite oder eine Markdown-zu-HTML-Pipeline einfügen kannst, die Foren-Tags nicht versteht.

Wie man BBCode konvertiert

  1. 1

    Füge deinen BBCode ein

    Ganze Beiträge oder Ausschnitte. Verschachtelte Tags werden behandelt.

  2. 2

    Der Parser tokenisiert öffnende und schließende Tags

    Übereinstimmende `[tag]...[/tag]` Paare erzeugen das entsprechende HTML-Element.

  3. 3

    Tag-Attribute werden zugeordnet

    Dinge wie `[color=red]`, `[size=18]` oder `[url=https://...]` werden zu Inline-Stilen oder `href`-Attributen.

  4. 4

    Kopiere das HTML

    Bereit für einen Blogbeitrag, eine Dokumentationsseite oder eine Forenmigration.

Unterstützte Tags

BBCode HTML-Ausgabe
[b]text[/b] <strong>text</strong>
[i]text[/i] <em>text</em>
[u]text[/u] <u>text</u> oder <ins>
[s]text[/s] <del>text</del>
[url]link[/url] <a href="link">link</a>
[url=link]text[/url] <a href="link">text</a>
[img]link[/img] <img src="link">
[quote]q[/quote] <blockquote>q</blockquote>
[code]c[/code] <pre><code>c</code></pre>
[list][*]a[*]b[/list] <ul><li>a</li><li>b</li></ul>
[list=1][*]a[/list] <ol><li>a</li></ol>
[color=red]t[/color] <span style="color:red">t</span>
[size=18]t[/size] <span style="font-size:18px">t</span>
[table]...[/table] <table>...</table>

Sicherheitsnotizen

BBCode ist von Natur aus sicher; HTML ist es nicht. Die Umwandlung von vom Benutzer eingereichtem BBCode in HTML ist der klassische Moment, in dem ein Forum 2005 XSS einführte. Wenn du die konvertierte Ausgabe veröffentlichst:

  • Maskiere jeden Rohtext innerhalb von BBCode-Tags.
  • Erstelle eine Positivliste der Tags, die dein Konverter ausgibt — gib unbekannte Tags nicht als rohes HTML weiter.
  • Validiere URLs in [url] und [img], um die Schemata javascript: und data: zu blockieren.

Dieses Tool entfernt oder neutralisiert alle scriptähnlichen URLs während der Konvertierung.

Migration eines ganzen Forums

Um Tausende von Beiträgen zu verschieben, führe den Konverter als Pipeline aus: exportiere Beiträge als BBCode → führe sie durch diesen Konverter → importiere das HTML. Überprüfe einige Dutzend Beiträge mit ungewöhnlicher Verschachtelung oder benutzerdefinierten Emoji-Codes, die möglicherweise nicht im Standard-Tag-Set enthalten sind.

Was BBCode nicht sauber abbildet

  • Benutzerdefinierte Foren-Smilies (:D und :)) — lasse sie so und rendere sie mit CSS oder verarbeite sie separat vor.
  • Plugin-spezifische Tags (wie [spoiler], [youtube]) — im Panel für benutzerdefinierte Tags aufgeführt; andernfalls als literaler Text ausgegeben.
  • Zusammengeführte oder nicht geschlossene Tags — der Parser versucht, sie selbst zu schließen, aber extrem fehlerhafte Eingaben können das Format verlieren.

Häufig gestellte Fragen

Ja: Steam-Community-Beiträge, vBulletin- und XenForo-Foren, einige Wikis und viele Legacy phpBB-Installationen. Es überlebt auch als zugrunde liegendes Markup in einer Handvoll von Game-Server-Steuerungspaneelen.

Nicht mit diesem Tool — verwende den HTML zu BBCode Konverter. Zurückzugehen ist verlustbehafteter, da HTML viel ausdrucksstärker ist als BBCode.

Unbekannte Tags werden standardmäßig als literaler Text durchgelassen. Ein “strenger” Modus entfernt sie vollständig, wenn du eine garantierte saubere Ausgabe möchtest.

Ja. [quote], [list] und [code] können beliebig tief verschachtelt werden. Der Parser verfolgt Tag-Stapel und schließt sie korrekt.

Verwandte Tools

JSON-Formatierer

Fügen Sie JSON ein, um es mit 2 oder 4 Leerzeichen lesbar zu formatieren, kompakt zu minifizieren oder vor dem Kopieren schnell die Syntax zu prüfen.

HEX-Farbwähler

Wählen Sie eine Farbe visuell aus und erhalten Sie HEX-, RGB-, HSL-, HSV- und CMYK-Werte plus Kontrastprüfung gegen Weiß und Schwarz.

Zufallsbuchstaben-Generator

Erzeugen Sie zufällige A-Z-Buchstaben. Wählen Sie Anzahl, Großschreibung, Kleinschreibung oder gemischte Schreibweise für Spiele, Aufgaben und Unterricht.

Zufälliger Farbgenerator

Erzeuge 1 bis 50 zufällige HEX-Farben mit Farbfeldern zum Prüfen, Kopieren und Verwenden in CSS, Tests oder Palettenideen.

Farbpaletten-Generator

Erstellen Sie monochromatische, analoge, komplementäre, triadische oder tetradische Farbpaletten aus einer HEX-Basisfarbe und exportieren Sie kopierfertige CSS-Variablen.

Generator für zufällige Farbpaletten

Erstellen Sie zufällige Farbpaletten mit 2 bis 15 Farbfeldern, wählen Sie einen kräftigen, pastelligen, gedämpften oder dunklen Stil und kopieren Sie HEX-Codes oder CSS-Variablen.