BBCode en HTML

Convertissez le BBCode des forums en HTML

Le BBCode (Bulletin Board Code) est le langage de balisage à crochets utilisé par des forums comme phpBB, vBulletin, MyBB et de nombreuses communautés de jeux vidéo : [b]gras[/b], [i]italique[/i], [url=https://example.com]lien[/url], [img]...[/img], [quote]...[/quote] et [list]. Il est simple et sûr pour les forums, mais les sites web ont besoin de HTML.

Collez du BBCode et le convertisseur génère le HTML équivalent : [b]Bonjour[/b] devient <strong>Bonjour</strong> (ou <b>), prêt pour un blog, un CMS ou une newsletter.

C’est particulièrement utile pour migrer le contenu d’anciens forums, des guides ou des signatures vers un site moderne.

Comment utiliser BBCode en HTML

1. Collez le texte en BBCode.
2. Envoyez pour convertir.
3. Copiez le HTML obtenu.
4. Collez-le dans la vue HTML ou code de votre CMS.

Exemples

Gras, italique et un lien

Entrée : [b]Bold[/b] and [i]italic[/i] [url=https://mybotsy.com]My Botsy[/url]

Résultat :

<strong>Bold</strong> and <em>italic</em> <a href="https://mybotsy.com">My Botsy</a>

Citations et couleurs

Entrée : [quote]Hello[/quote] [color=red]red[/color]

Résultat : <blockquote>Hello</blockquote> <span style="color: red">red</span>

Une liste

Entrée : [list][*]One[*]Two[/list]

Résultat : <ul><li>One</li><li>Two</li></ul>

Une image et une balise non fermée

Entrée : [img]https://example.com/cat.png[/img] [b]unclosed

Résultat : <img src="https://example.com/cat.png" /> <strong>unclosed</strong>

Les balises non fermées se ferment automatiquement : un [/b] oublié ne met donc pas le reste de la page en gras.

Particularité de la taille de police

Entrée : [size=20]big[/size]

Résultat : <span style="font-size: 20%">big</span>

Dans le résultat, remplacez 20% par une taille comme 1.25em ou 20px.

Usages courants

• Migrer des messages et des guides de forum vers un blog ou une base de connaissances.
• Réutiliser des signatures ou des annonces de forum sur un site web.
• Convertir des guides de communautés de jeux vidéo en pages web.
• Prévisualiser le rendu HTML d’un contenu BBCode.
• Transformer les règles et FAQ d’anciens forums en pages web.

Conseils et points à connaître

• Chaque forum accepte des balises légèrement différentes. Les balises personnalisées peuvent ne pas être converties et nécessiter des retouches à la main.
• Vérifiez les liens des images après la conversion ; les hébergeurs d’images des anciens forums disparaissent souvent.
• Nettoyez davantage le résultat avec le minificateur HTML ou retirez toute la mise en forme avec le suppresseur de balises HTML.
• Vous écrivez du nouveau contenu ? Markdown en HTML est une alternative plus moderne.

Cas particuliers et limites

• [size=20] devient font-size: 20%, ce qui est minuscule. Les forums traitent généralement les tailles en pixels ou en points : ajustez-les dans le résultat.
• Tout le HTML déjà présent dans l’entrée est supprimé avant la conversion : si vous mélangez BBCode et HTML, la partie HTML est perdue.
• [spoiler] devient un div avec la classe spoiler. Il ne se masque pas tant que le CSS de votre site ne stylise pas cette classe.
• [u] devient un span souligné, [s] un del, [code] un pre et code, et [center] un div centré.

Questions fréquentes

Qu’est-ce que le BBCode ?

Un langage de balisage léger avec des balises entre crochets, utilisé surtout sur les forums internet.

Le BBCode est-il la même chose que le HTML ?

Non. Le BBCode est un balisage limité et plus sûr que les forums convertissent en HTML pour afficher les messages.

Quelles balises BBCode sont prises en charge ?

Les balises courantes comme [b], [i], [u], [s], [url], [img], [quote], [code], [list] et [color] sont largement prises en charge.

Puis-je reconvertir du HTML en BBCode ?

Cet outil convertit uniquement du BBCode vers le HTML.

Le HTML obtenu est-il sûr à publier ?

Le HTML de l’entrée est supprimé avant la conversion, ce qui écarte la plupart des risques. Vérifiez quand même les liens et les sources d’images des anciens messages avant de publier.

Les blocs [code] sont-ils pris en charge ?

Oui. [code] devient un bloc pre et code, qui conserve les espaces et les retours à la ligne.

Outils associés

• Markdown en HTML: Convertissez des fragments de Markdown en code HTML.
• Suppresseur de balises HTML: Retirez facilement toutes les balises HTML d’un bloc de texte.
• Convertisseur d’entités HTML: Encodez ou décodez les entités HTML de n’importe quel texte.
• Minificateur HTML: Minifiez votre HTML en supprimant tous les caractères inutiles.
• Extracteur d’URL: Extrayez les URL http/https de n’importe quel texte.