BBCode naar HTML-converter

BBCode was de lichte markup van het forumtijdperk, [b]bold[/b], [url], [quote], [code]. Elk phpBB-, vBulletin-, XenForo- en SMF-forum gebruikte het, en miljoenen posts op die platforms bestaan nog steeds. Deze converter parset BBCode en geeft schone, geldige HTML terug die je kunt plakken in een moderne CMS, een statische site of een Markdown-naar-HTML-pipeline die forumtags niet begrijpt.

BBCode converteren

  1. 1

    Plak je BBCode

    Volledige posts of snippets. Geneste tags worden verwerkt.

  2. 2

    De parser tokenizet openings- en sluitingstags

    Bijpassende `[tag]...[/tag]`-paren leveren het overeenkomstige HTML-element op.

  3. 3

    Tagattributen worden gemapt

    Dingen als `[color=red]`, `[size=18]` of `[url=https://...]` worden inline styles of `href`-attributen.

  4. 4

    Kopieer de HTML

    Klaar voor een blogpost, documentatiepagina of forummigratie.

Ondersteunde tags

BBCode HTML-uitvoer
[b]text[/b] <strong>text</strong>
[i]text[/i] <em>text</em>
[u]text[/u] <u>text</u>
[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>
[color=red]t[/color] <span style="color:red">t</span>
[size=18]t[/size] <span style="font-size:18px">t</span>

Beveiligingsnotities

BBCode is veilig ontworpen; HTML niet. Door gebruikers ingestuurde BBCode naar HTML converteren is het klassieke moment waarop een forum in 2005 XSS introduceerde. Als je geconverteerde uitvoer publiceert:

  • Escape alle ruwe tekst binnen BBCode-tags (zet bijzondere tekens om naar entiteiten).
  • Zet de tags die je converter uitstoot op een toegestane lijst, stuur onbekende tags niet door als ruwe HTML.
  • Valideer URL’s in [url] en [img] om javascript:- en data:-schema’s te blokkeren.

Deze tool herschrijft de URL’s die je invoert niet, dus controleer ze voordat je de geconverteerde uitvoer publiceert.

Een volledig forum migreren

Voor duizenden posts voer je de converter als pipeline uit: exporteer posts als BBCode → haal ze door deze converter → importeer de HTML. Controleer steekproefsgewijs een paar dozijn posts met ongebruikelijke nesting of custom emoji-codes die mogelijk niet in de standaard tagset zitten.

Wat BBCode niet netjes mapt

  • Custom forumsmileys (:D en :)), laat ze staan en render met CSS, of pre-process ze apart.
  • Plugin-specifieke tags (zoals [spoiler], [youtube]) worden niet herkend en dus uitgevoerd als letterlijke tekst.
  • Niet-gesloten tags blijven als letterlijke tekst staan: de parser probeert ze niet te sluiten of te herstellen.

Veelgestelde vragen

Ja: Steam-communityposts, vBulletin- en XenForo-forums, sommige wiki’s en veel legacy phpBB-installaties. Het leeft ook voort als onderliggende markup in een handvol game-server control panels.

Niet deze tool, gebruik de HTML naar BBCode-converter. Teruggaan is verliesgevender omdat HTML veel expressiever is dan BBCode.

Onbekende tags gaan door als letterlijke tekst, want de converter herkent alleen de tags die in de bovenstaande tabel staan.

Nesten werkt wanneer de tags verschillend zijn, bijvoorbeeld [b] binnen [quote]. Een tag die in zichzelf genest is, zoals een quote in een quote, wordt gesloten bij de eerste sluitingstag en de rest blijft als tekst staan; maak zulke posts dus eerst vlak voordat je ze converteert.

Gerelateerde tools

Tool beschikbaar in andere talen