Visionneuse BBCode

Comment utiliser la visionneuse BBCode

1. 1

   Saisissez votre BBCode

   Tapez ou collez votre BBCode dans l'éditeur de gauche, par exemple [b]Texte en gras[/b] ou [url=https://example.com]lien[/url], ou ouvrez un fichier .txt ou .bbcode enregistré sur votre appareil. Le bouton en forme de fiole charge un exemple complet.

2. 2

   Observez l'aperçu en direct

   Le panneau de droite se met à jour en temps réel et montre précisément le rendu de votre texte mis en forme, tel qu'il apparaîtra sur le forum.

3. 3

   Insérez et vérifiez vos balises

   Sélectionnez un passage et utilisez la barre d'outils ou les raccourcis (Ctrl+B gras, Ctrl+K lien, Ctrl+Maj+8 liste à puces, Ctrl+Maj+7 liste numérotée), en comparant avec l'aperçu jusqu'au résultat voulu.

4. 4

   Récupérez le résultat

   Copiez le BBCode pour votre forum, passez à la vue HTML pour copier ou télécharger le code, ou enregistrez le tout en .txt.

Références

• Wikipédia — BBCode

  Présentation du BBCode : son histoire, ses balises courantes et la façon dont les forums interprètent ce langage de balisage léger.

• phpBB — Guide du BBCode

  Documentation officielle de phpBB recensant les balises BBCode standard : gras, italique, liens, images, citations et blocs de code.

• Steam Community — Aide à la mise en forme du texte

  Page officielle de Steam listant les balises BBCode utilisables dans les évaluations et discussions, dont [spoiler], [noparse], [olist] et les options de tableau.

• Wikipédia en français — BBCode

  Article en français sur l'origine du BBCode et les balises les plus courantes sur les forums.

• Wikipédia — Langage de balisage léger

  Situe le BBCode parmi les autres langages de balisage léger, comme Markdown ou la syntaxe wiki.

• Documentation Godot — BBCode dans RichTextLabel

  Le dialecte BBCode du moteur Godot et ses balises d'animation ([wave], [shake]…) absentes des forums.

Outils Associés

Questions Fréquentes

Qu'est-ce que le BBCode ?

Le BBCode (Bulletin Board Code) est un langage de balisage léger utilisé sur les forums pour mettre en forme les messages. Les balises s'écrivent entre crochets, comme [b]gras[/b] ou [url]liens[/url], et sont converties en HTML sécurisé lors de l'affichage.

Quelles balises BBCode cet éditeur prend-il en charge ?

34 balises au total : [b], [i], [u], [s], [color], [size], [url], [img], [quote], [code], [h1] à [h6], [list] et [table] avec ses cellules, mais aussi [strike], [spoiler], [noparse] et [olist], ce qui couvre l'aide au formatage de Steam. Les balises hors de cette liste, comme [youtube], [font] ou [align], restent affichées en texte brut au lieu d'être supprimées en silence.

Comment mettre en forme un message de forum en BBCode ?

Chaque mise en forme s'ouvre et se ferme : [u]texte[/u]. Si vous imbriquez des balises, fermez-les dans l'ordre inverse : [b][i]texte[/i][/b]. Pour citer quelqu'un, écrivez [quote=Pseudo]…[/quote] ; pour une liste, [list] puis [*] devant chaque élément ; pour masquer une révélation, [spoiler]…[/spoiler] ; pour du code non interprété, [code]…[/code].

L'outil affiche-t-il un aperçu en temps réel ?

Oui. Dès que vous tapez ou collez du BBCode dans l'éditeur, le panneau d'aperçu se met à jour instantanément : vous voyez exactement le rendu de votre texte mis en forme avant de le publier.

Cet outil convertit-il le BBCode en HTML ?

Oui. Dans le panneau de droite, passez de « Aperçu » à « HTML » pour copier le code ou le télécharger en .html. Seuls les liens http/https sont conservés ; scripts et attributs on* sont supprimés.

Mon BBCode est-il envoyé à un serveur ?

Non. Toute l'analyse et tout le rendu s'effectuent entièrement dans votre navigateur : votre texte ne quitte jamais votre appareil et rien n'est téléversé.

Le BBCode fonctionne-t-il sur tous les forums ?

La plupart des forums (phpBB, vBulletin, MyBB, etc.) prennent en charge les balises de base de la même manière, mais certaines balises avancées peuvent varier d'une plateforme à l'autre. Utilisez l'aperçu pour valider votre mise en forme, puis vérifiez le rendu réel sur votre forum après publication.

Comment changer la couleur du texte en BBCode ?

Entourez le texte de [color=red]…[/color] avec un nom de couleur anglais (red, navy, orange…) ou d'un code hexadécimal à 3 ou 6 chiffres, par exemple [color=#c0392b]. Le bouton couleur de la barre ouvre le sélecteur du système et insère le code hexadécimal à votre place. Une valeur invalide n'affiche simplement pas de couleur, sans casser le reste du message.

Comment redimensionner une image en BBCode ?

Indiquez la largeur et la hauteur en pixels dans la balise : [img width=320 height=180]https://example.com/capture.png[/img]. Avec la seule largeur, la hauteur suit les proportions. L'image est chargée depuis son adresse d'origine en http ou https : l'outil n'héberge rien, l'image doit donc déjà être en ligne.

Comment faire un tableau en BBCode ?

Ouvrez [table], une ligne par [tr], puis des cellules d'en-tête [th] ou de données [td] : [table][tr][th]Jeu[/th][th]Note[/th][/tr][tr][td]Échecs[/td][td]9/10[/td][/tr][/table]. Les cellules acceptent colspan et rowspan, et [table noborder=1] retire les bordures comme sur Steam. Le bouton tableau de la barre insère un modèle de deux lignes à compléter.

Peut-on convertir du HTML en BBCode ?

Non, l'outil fonctionne dans un seul sens : du BBCode vers le HTML. Si vous collez du HTML dans l'éditeur, les balises comme <b> ou <a> s'affichent littéralement, sans être interprétées. Pour passer du HTML au BBCode, il faut remplacer les balises à la main (<b> devient [b], <a href="…"> devient [url=…]) puis vérifier le rendu dans l'aperçu.

Le BBCode de Godot est-il le même que celui des forums ?

Pas tout à fait. Le nœud RichTextLabel de Godot reprend la syntaxe entre crochets mais définit son propre jeu de balises : en plus de [b], [color] ou [img], il propose des balises d'animation comme [wave], [shake] ou [pulse] qu'aucun forum ne connaît. Cet outil affiche le BBCode de forum ; les balises propres à Godot restent donc en texte brut.