Softonic

HTML naar BBCode-converter

Stap 1 / 3

Plak een fragment, de tekst van een e-mail of een hele pagina, tot 500.000 tekens.

Volgende: kies je forum

phpBB, vBulletin, Invision Board en oudere MyBB-installaties staan nog steeds geen HTML in berichten toe, maar accepteren wel BBCode: de haakjestags [b], [url] en [img] die in 1998 voor Ultimate Bulletin Board zijn bedacht. Plak hier HTML en deze converter herschrijft elke ondersteunde tag naar het BBCode-equivalent, waarbij de opmaak intact blijft voor een herplaatsing op een forum of een archiefexport.

HTML naar BBCode converteren

  1. 1

    HTML plakken

    Een fragment, een blogbericht of een hele pagina, gekopieerd als HTML, tot 500.000 tekens.

  2. 2

    Je forum kiezen

    phpBB, XenForo, vBulletin, MyBB, SMF of Steam, of de gangbare tags die de meeste forums accepteren.

  3. 3

    De uitvoer controleren

    Tags zonder BBCode-equivalent worden verwijderd en hun tekst blijft behouden. Een melding onder het resultaat noemt alles wat het forum niet kan weergeven.

  4. 4

    Kopieer de BBCode

    Plak in de forumeditor in eenvoudige tekstmodus.

Toewijzing van HTML- naar BBCode-tags

De converter leest je HTML zoals een browser dat doet, element voor element, en schrijft de tags die het gekozen forum begrijpt. Een melding onder het resultaat noemt alles wat dat forum niet kan weergeven.

Tag voor tag

HTML BBCode
<b>, <strong>, vetgedrukte tekst [b]...[/b]
<i>, <em>, cursieve tekst [i]...[/i]
<u>, onderstreepte tekst [u]...[/u]
<s>, <del>, doorgehaalde tekst [s]...[/s], of [strike]...[/strike] op Steam
<a> met een webadres [url=https://example.com]...[/url]
<a> met een e-mailadres [email]...[/email]
<img> [img]https://example.com/photo.jpg[/img]
<blockquote> [quote]...[/quote]
<pre> [code]...[/code]
<ul>, <ol> en <li> [list], [list=1] en [*]
<h1> tot en met <h6> vetgedrukte tekst, met de grootte- of koptag van het forum als dat er een heeft
Tekstkleur [color=#cc0000]...[/color]
Tekstgrootte [size=...]...[/size], in de eigen schaal van het forum
Gecentreerde of rechts uitgelijnde tekst [center]...[/center] of [align=center]...[/align]
<table> [table], [tr], [th] en [td] als het forum die kent, anders één tekstregel per tabelrij
YouTube-<iframe> de videotag van het forum, of een link
<p>, <div>, <br> een lege regel of een regeleinde

Zo verschillen de forums

  • phpBB: groottes zijn percentages, zoals [size=150], tot [size=200]. Genummerde lijsten kunnen [list=1], [list=a] of [list=i] zijn. Er zijn geen tags voor doorhalen, uitlijnen of tabellen.
  • XenForo: tags in hoofdletters, [HEADING=1] tot [HEADING=3], [SIZE=1] tot [SIZE=7], [ICODE] voor code in een zin, [TABLE] en [MEDIA=youtube].
  • vBulletin: [center], [left] en [right] voor de uitlijning, en groottes van [size=1] tot [size=7]. Er zijn geen tags voor doorhalen of tabellen.
  • MyBB: [align=center], groottes van [size=xx-small] tot [size=xx-large], [hr] en [video=youtube].
  • SMF: groottes in em zoals [size=1.5em], [list type=decimal] met [li]-items, [table], [sub], [sup], [hr] en [youtube].
  • Steam: [h1] tot [h3], [olist] voor genummerde lijsten, [strike] en [table]. Steam heeft geen tags voor afbeeldingen, kleuren, groottes of e-mail, dus afbeeldingen worden links en e-mailadressen worden uitgeschreven.
  • De meeste forums (gangbare tags): vet, cursief, onderstreept, kleur, links, e-mail, afbeeldingen, citaten, code en lijsten, die bijna elk forum accepteert.

Wat wordt weggelaten

  • Scripts, stijlen, formuliervelden, verborgen elementen, commentaar, SVG-afbeeldingen en MathML-formules.
  • Lettertypen, achtergronden en witruimte.
  • Bijna zwarte en bijna witte tekstkleuren, zodat je bericht het lichte of donkere thema van het forum volgt.
  • Groottes in pixels of punten, zodat de normale tekstgrootte van het forum geldt.
  • Afbeeldingen die in de HTML zelf zijn opgeslagen (een data:image-adres). Upload ze eerst naar een afbeeldingenhost.
  • Relatieve adressen zoals images/photo.jpg blijven staan, maar worden in een melding genoemd: vervang ze door volledige adressen zoals https://example.com/images/photo.jpg.

Tips

  • Kies het forum waarop je post: met de eigen tags van dat forum wordt het resultaat het nauwkeurigst.
  • Probeer een kort stuk in de voorbeeldweergave van het forum voordat je een lange tekst plaatst.
  • Heeft de forumeditor een BBCode- of bronmodus? Schakel die dan in voordat je plakt.

Veelgestelde vragen

BBCode heeft een piepkleine woordenschat vergeleken met HTML. Tags zoals <div>, <section> of <details> hebben geen BBCode-equivalent. De converter verwijdert ze en behoudt hun tekst. Alles wat het gekozen forum niet kan weergeven, zoals een tabel op phpBB of een afbeelding op Steam, staat in een melding onder het resultaat.

Gedeeltelijk. Vet, cursief, onderstreept, doorgehaald, tekstkleur, tekstgrootte en uitlijning uit inline-stijlen worden omgezet als het gekozen forum er een tag voor heeft. Lettertypen, achtergronden en witruimte vallen weg en de tekst blijft behouden. Bijna zwarte en bijna witte tekstkleuren worden weggelaten zodat je bericht het thema van het forum volgt, en groottes in pixels of punten worden weggelaten zodat de normale grootte van het forum geldt.

Ja. <b><i>text</i></b> wordt [b][i]text[/i][/b], en een afbeelding in een link wordt [url=https://example.com][img]https://example.com/photo.jpg[/img][/url]. Vetgedrukte tekst binnen vetgedrukte tekst wordt als één [b]-tag geschreven, omdat sommige forums herhaalde tags verkeerd koppelen.

Niet in deze tool; gebruik de BBCode-naar-HTML-converter voor de omgekeerde richting. Heen en weer converteren gaat gepaard met verlies, omdat HTML veel meer tags heeft dan BBCode.

Het forum waarop je gaat posten: phpBB, XenForo, vBulletin, MyBB, SMF (Simple Machines Forum) of Steam. Elk forum accepteert een net iets andere set tags, bijvoorbeeld [s] of [strike] voor doorgehaalde tekst en [size=150] of [SIZE=5] voor de grootte. Staat je forum niet in de lijst, kies dan “De meeste forums (gangbare tags)”: die optie gebruikt alleen tags die bijna elk forum accepteert. Je kunt bij het resultaat van forum wisselen zonder opnieuw te plakken.

Nee. De HTML die je plakt, blijft in je browser. Die wordt daar omgezet en niet naar onze servers gestuurd of aan de link van de pagina toegevoegd. Om tussen de stappen te kunnen wisselen, bewaart dit browsertabblad de HTML tot je het tabblad sluit of op “Begin opnieuw” klikt.

Gerelateerde tools

Webpack-configuratiegenerator

Maak een webpack.config.js voor webpack 5 vanuit een kort formulier: stel entry, uitvoermap en mode in en zet TypeScript, Babel, een CSS-loader, HtmlWebpackPlugin en een dev-server aan.

JSON naar PHP-array

Zet JSON om naar een PHP-array-literal met korte syntaxis, associatieve/geïndexeerde arrays en geneste structuren, klaar om in een .php-bestand te plakken.

Luhn-algoritme-checker

Controleer de creditcardnummer, IMEI, SIN en andere door Luhn beschermden nummers. Geef een resultaat terug (goed of fout) en toon elke stap van het verdubbelen en het berekenen van de controlesom aan.

Telefoonnummers controleren

Controleer de structuur van telefoonnummers per land en bekijk regio, type en E.164-, internationale, nationale en RFC 3966-notatie.

SVG-golfgenerator

Genereer een vloeiende SVG-golfscheiding voor headers en footers met instelbare amplitude, frequentie, kleur en positie boven of onder. Kopieer de SVG-code.

Sneltoetsenoverzicht

Zoek gedocumenteerde standaardsneltoetsen voor VS Code, Chrome en Bash met GNU Readline op macOS, Windows en Linux.

Tool beschikbaar in andere talen