Softonic

BBCode naar HTML-converter

Stap 1 / 2
Volgende

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> of <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>

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 stript of neutraliseert scriptachtige URL’s tijdens de conversie.

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]) — getoond in het paneel voor custom tags; anders uitgevoerd als letterlijke tekst.
  • Samengevoegde of niet-gesloten tags — de parser probeert zelf te sluiten, maar extreem misvormde invoer kan opmaak verliezen.

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 standaard door als letterlijke tekst. Een “strict” modus stript ze volledig als je gegarandeerd schone uitvoer wilt.

Ja. [quote], [list] en [code] kunnen willekeurig diep nesten. De parser volgt tagstacks en sluit ze correct.

Gerelateerde tools

HEX-kleurkiezer

Kies visueel een kleur en krijg de HEX-, RGB-, HSL-, HSV- en CMYK-waarden, plus contrast tegen wit en zwart.

Kleurenpaletgenerator

Genereer monochromatische, analoge, complementaire, triadische of tetradische paletten vanuit een HEX-basiskleur en exporteer kopieerklare CSS-variabelen.

Generator voor willekeurige kleurpaletten

Maak willekeurige kleurpaletten met 2 tot 15 kleurvlakken, kies een levendige, pastel-, gedempte of donkere stijl en kopieer HEX-codes of CSS-variabelen.

JSON-formatter

Plak JSON om het met 2 of 4 spaties leesbaar te maken, te minificeren tot compacte uitvoer of snel de syntaxis te controleren voordat je het resultaat kopieert.

Willekeurige lettergenerator

Genereer willekeurige A-Z-letters. Kies het aantal, gebruik hoofdletters, kleine letters of gemengd, en gebruik de uitkomst voor spelletjes, opdrachten of lesactiviteiten.

Willekeurige kleurengenerator

Genereer 1 tot 50 willekeurige HEX-kleuren met kleurstalen die je kunt bekijken, kopiëren en gebruiken in CSS, tests of paletverkenning.