BBCode naar HTML

Converteer BBCode-fragmenten naar ruwe HTML-code met onze BBCode naar HTML-convertertool voor naadloze integratie van foruminhoud.

5 van 2 beoordelingen
BBCode naar HTML

BBCode naar HTML is een gratis tool die BBCode-fragmenten omzet in onbewerkte HTML voor gebruik buiten forumeditors.

Welk probleem lost het omzetten van BBCode op?

Door BBCode om te zetten, verander je forumopmaak in HTML die browsers, contentmanagementsystemen en webtemplates kunnen verwerken. BBCode gebruikt tags tussen vierkante haken, zoals [b], [i] en [url], in plaats van HTML-elementen.

Dit is handig wanneer je berichten uit een forum migreert, inhoud uit een externe API controleert of een oude kennisbank voorbereidt op een platform dat wel HTML maar geen BBCode accepteert. Het kan ook vóór ingebruikname helpen als geïmporteerde tekst los van de omringende applicatiecode moet worden gecontroleerd.

BBCode is geen formeel gestandaardiseerde taal. Forumpakketten en plug-ins kunnen hun eigen tags, attributen en regels voor nesten definiëren. Een conversie die goed werkt voor gangbare opmaak, moet daarom soms worden aangepast als de bron platformspecifieke constructies bevat, zoals spoilervakken, verwijzingen naar bijlagen of aangepaste mediatags.

Hoe zet ik BBCode om naar HTML?

Voer de broncode in het veld BBCode in of plak deze daar. Bekijk vervolgens de omgezette code in het veld HTML. Kopieer de HTML pas naar de bestemming nadat je hebt gecontroleerd of de elementen en links overeenkomen met de bedoelde inhoud.

  1. Kopieer het volledige BBCode-fragment, inclusief de openende en sluitende tags.
  2. Plaats het in het veld BBCode zonder de vierkante haken te vervangen.
  3. Controleer het onbewerkte resultaat in het veld HTML.
  4. Vergelijk links, afbeeldingen, lijsten en geneste opmaak met het oorspronkelijke bericht.
  5. Schoon niet-vertrouwde uitvoer op voordat je deze op een openbare pagina weergeeft.
De tool BBCode naar HTML op digily.link, met het invoerformulier

De conversie wordt op de server uitgevoerd. Je invoer wordt via HTTPS naar de server verzonden en niet opgeslagen.

Hoe lees ik de gegenereerde HTML?

Lees het resultaat als broncode, niet als visuele voorvertoning. De gegenereerde HTML hoort elementen te bevatten die de structuur en opmaak uit de oorspronkelijke BBCode weergeven.

Een eenvoudig conceptueel voorbeeld:

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

HTML-uitvoer: een vetgedrukt of sterk benadrukt HTML-element met de tekst "Release note".

Een ander veelvoorkomend patroon:

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

HTML-uitvoer: een linkelement met https://example.org/docs als bestemming en "Read the docs" als zichtbare tekst.

De precieze elementnamen kunnen per converter verschillen, omdat BBCode-varianten niet zijn gestandaardiseerd. Vetgedrukte tekst kan bijvoorbeeld worden weergegeven met een b-element, dat de aandacht trekt zonder extra belang aan te geven, of met een strong-element, dat sterk belang aanduidt. Controleer de werkelijke waarde in het veld HTML en ga niet uit van een vaste omzetting.

Deze tool is een converter, geen vervanging voor een HTML-validator of beveiligingsfilter. Onverwacht letterlijk weergegeven BBCode, ontbrekende inhoud of vreemd geneste elementen kunnen erop wijzen dat de bron ongeldige of niet-ondersteunde syntaxis bevat. Veelvoorkomende problemen zijn een niet-gesloten tag, een sluitende tag in de verkeerde volgorde, een ongeldig attribuut en forumspecifieke tags zonder algemeen HTML-equivalent.

Voorbeeldresultaat van de tool BBCode naar HTML

Lastige invoer en verschillen tussen BBCode-varianten

Spaties, leestekens, cijfers, letters met accenten en niet-Latijnse schriften zijn gewone tekst, tenzij ze deel uitmaken van tagsyntaxis of attributen. Ze moeten inhoud blijven en niet in afzonderlijke opmaak veranderen. URL's vragen meer aandacht. Tekens die deel uitmaken van de URL, zoals spaties, moeten mogelijk met procentcodering worden gecodeerd. Tekens met een speciale betekenis in de omringende syntaxis van HTML-attributen, zoals ampersands en aanhalingstekens, moeten mogelijk als HTML worden geëscapet.

  • Onjuist genest: [b][i]Text[/b][/i] sluit de tags in de verkeerde volgorde. Bij correct geneste opmaak wordt de binnenste tag als eerste gesloten.
  • Ontbrekende sluitende tags: [quote]Text heeft geen sluitende tegenhanger als de laatste tag ontbreekt.
  • Aangepaste tags: [spoiler], [video] en tags voor bijlagen kunnen per forumsoftware een andere betekenis hebben.
  • Bestaande HTML: HTML die met BBCode is vermengd, kan afhankelijk van de parser worden geëscapet, behouden of als tekst worden behandeld. Controleer dit zorgvuldig en ga niet uit van één universele regel.
  • Zeer lange invoer: grote migraties zijn doorgaans eenvoudiger in delen te verwerken, zodat mislukte records kunnen worden opgespoord en gecorrigeerd.

Lege invoer bevat geen opmaakstructuur om te converteren. Als de bron uit platte tekst zonder BBCode-tags bestaat, voegt conversie mogelijk weinig toe. Bij de verdere verwerking als HTML kan het echter nog steeds nodig zijn om tekens zoals <, > en & te escapen.

Wanneer is omzetten niet de moeite waard?

Omzetten is niet de moeite waard als de inhoud alleen wordt gelezen door een systeem dat de oorspronkelijke BBCode-variant al begrijpt. Een andere indeling betekent een extra omzettingsstap en kan aangepast forumgedrag verloren laten gaan.

Conversie is ook niet nodig wanneer een systeem BBCode ongewijzigd opslaat om deze later met dezelfde forumengine weer te geven. Het mooier opmaken of handmatig herschikken van gegenereerde HTML heeft eveneens weinig nut als alleen een machine de code leest, tenzij die opmaak nodig is voor controles in versiebeheer of voor foutopsporing.

Voor grootschalige migraties kan een parser in een script geschikter zijn, omdat deze op elk record dezelfde regels voor de betreffende BBCode-variant kan toepassen en fouten kan vastleggen. Alleen reguliere expressies gebruiken is riskant bij geneste opmaak. Gebruik een parser die nesten, attributen en ongeldige invoer begrijpt. Valideer en reinig de gegenereerde HTML daarna afzonderlijk. Als de omgezette inhoud ingesloten JSON-configuratie bevat, kan JSON-validator & -verfraaier helpen om die gegevens te controleren, maar deze valideert de omringende HTML niet.

Veelgestelde vragen

Kan ik omgezette BBCode veilig direct publiceren?

Nee. HTML die uit niet-vertrouwde forumberichten is gegenereerd, moet vóór weergave worden verwerkt met een HTML-filter op basis van een lijst met toegestane elementen en attributen. Dit is vooral belangrijk voor links, afbeeldingen, ingesloten media en broninhoud die mogelijk al HTML-achtige tekst bevat.

Worden regeleinden omgezet in HTML-alinea's?

Hoe regeleinden worden verwerkt, hangt af van de BBCode-parser en de regels van het bronplatform. Sommige systemen behandelen lege regels als alinea's, terwijl andere regeleinde-elementen invoegen of gewone witruimte behouden. Vergelijk vóór een grootschalige migratie een voorbeeld met meerdere regels met de weergave op het oorspronkelijke forum.

Ondersteunt BBCode Unicode-tekens?

BBCode kan Unicode-tekst bevatten, waaronder letters met accenten, emoji en niet-Latijnse schriften, omdat deze tekens inhoud zijn en geen tagsyntaxis. De doelpagina moet ook een geschikte tekencodering gebruiken, normaal gesproken UTF-8. Anders kan de tekst na conversie verkeerd worden weergegeven.

Kan ik BBCode in een CSV- of database-export omzetten?

Zet de waarden van de velden om, niet het volledige exportbestand. CSV-aanhalingstekens, scheidingstekens en escape-reeksen uit databases horen bij de containerindeling en kunnen beschadigd raken als je ze door een opmaakconverter haalt. Bewaar een ongewijzigde back-up en verwerk eerst een kleine reeks voordat je de conversie op elke rij toepast.

Wat moet ik controleren voordat ik de HTML importeer?

Controleer een voorbeeld met geneste opmaak, een link, een lijst, een afbeeldingsverwijzing en alle aangepaste tags die het bronforum gebruikt. Bevestig dat de bestemming deze HTML-elementen en attributen accepteert. Voer daarna de vereiste opschonings- of validatiestap uit voordat je de volledige import start.

Populaire tools