Cookies Ce site ne conserve que ce dont il a besoin pour fonctionner. Il n’y a aujourd’hui ni mesure d’audience ni publicité, et rien ici ne vous suit sur d’autres sites. Lire la politique de confidentialité

Choisir ce que j’autorise
+92 312 8299940Devis gratuit
Outil gratuit, rien à installer

Convertisseur BBCode en HTML
BBCode, HTML et Pug avec aperçu

Ce convertisseur BBCode en HTML transforme le balisage des forums en HTML propre. Il écrit aussi du BBCode et du Pug, et il montre un aperçu sûr. Nous n'envoyons rien.

  • GratuitPrix
  • 3Formats
  • AucuneInscription
  • AucuneEnvois

Convertisseur BBCode en HTML

Transformez BBCode, HTML et Pug les uns en les autres, avec un aperçu en direct

Lignes
0
Éléments
0
Taille
0 B
Aperçu

L'aperçu apparaît ici.

Prêt. Collez votre balisage et choisissez les formats.

Votre navigateur fait tout le travail ici, dans cet onglet. Nous n’envoyons rien, ne stockons rien et n’enregistrons rien.
La version courte

Ce que fait pour vous un convertisseur BBCode en HTML

En effet, le BBCode est le balisage des anciens forums. D'abord, vous tapez une balise entre crochets, et le forum en fait du gras, un lien ou une citation. De plus, d'autres sites utilisent le HTML, et certains le Pug. Il faut donc souvent passer du texte de l'un à l'autre.

Cet outil le fait dans une seule zone. D'abord, collez votre balisage. Ensuite, choisissez le format que vous avez et celui que vous voulez. Le résultat apparaît pendant que vous tapez, et un aperçu montre son aspect.

Il lit BBCode, HTML et Pug. Ensuite, il écrit les mêmes trois. Cela fait donc six paires, et chacune marche de la même façon.

Tout s'exécute dans votre navigateur. Ainsi, votre texte ne quitte jamais votre appareil. C'est important, car les messages et les modèles contiennent souvent des noms et des notes privées.

Du BBCode au HTML, balise par balise

D'abord, l'outil lit chaque balise entre crochets. De plus, gras, italique, souligné et barré deviennent strong, em, u et s. Un lien devient une ancre, et une citation devient un blockquote avec le nom de l'auteur dans une balise cite.

Dessin de BBCode avec des balises gras, lien et citation à gauche et d'une flèche vers le même texte en HTML à droite
Les balises BBCode deviennent des balises HTML.

De plus, les listes marchent. Chaque étoile commence un nouvel élément, et un signe égal choisit une liste numérotée. Les balises de couleur et de taille deviennent des spans avec un style, et les balises center, left et right fixent l'alignement du texte.

Les blocs de code gardent leur texte exactement comme vous l'avez tapé. Ainsi, une balise dans un bloc de code reste une balise, et rien dedans ne devient du balisage.

Pour plus de détails, voir : Wikipedia article on BBCode.

Une visionneuse BBCode sûre

Ensuite, l'aperçu fait office de visionneuse BBCode. Il dessine le résultat un élément à la fois, donc rien dans votre texte ne peut s'exécuter. Seule une courte liste de balises passe.

Convertisseur BBCode en HTML montrant du BBCode avec une citation et une liste, le résultat HTML et un aperçu en direct dessous
BBCode en entrée, HTML et aperçu en sortie.

De plus, les liens s'ouvrent dans un nouvel onglet avec nofollow, et seules les adresses web et de messagerie comptent. L'outil écarte un lien qui commence par javascript, et son texte reste.

Les images apparaissent comme une petite étiquette au lieu d'une image. Cela évite donc que la page charge des fichiers d'autres sites.

Du HTML au BBCode

L'inverse marche aussi. Par ailleurs, d'abord, collez du HTML, et l'outil écrit du BBCode que vous pouvez poster sur un forum. Strong et b deviennent la balise gras, em et i deviennent italique, et une ancre devient une balise url.

Ensuite, les listes, les citations et les blocs de code gardent leur forme. De plus, les titres deviennent une ligne en gras et plus grande. L'outil écarte les balises pour lesquelles le BBCode n'a pas de mot, et leur texte reste.

L'outil laisse de côté les scripts, les styles et le head d'une page. Vous obtenez donc un texte propre pour un message.

Du HTML au Pug et du Pug au HTML

Pug, qu'on appelait Jade autrefois, est une façon courte d'écrire du HTML. Il supprime les chevrons et les balises de fin. Ensuite, il utilise des retraits. Un div avec un id et une classe devient une ligne comme dièse order point card.

Convertisseur de balisage avec HTML en entrée et Pug en sortie, montrant de courtes lignes Pug indentées
Du HTML écrit en Pug.

D'abord, l'outil écrit du Pug à partir de votre HTML, avec balises, ids, classes et attributs. Ensuite, il relit aussi du Pug en HTML, avec deux espaces de retrait et un élément par ligne.

De plus, il lit la partie balisage de Pug. Les boucles, les conditions, les mixins et les includes demandent le moteur Pug, donc l'outil saute ces lignes et vous dit combien il y en a.

Liens, couleurs et tailles sûrs

D’ailleurs, d'abord, l'outil vérifie chaque valeur avant de l'écrire. Une couleur doit être un code hexadécimal ou un nom de couleur simple. Une taille doit être un nombre de un à sept, ou une petite taille en pixels. Un lien doit commencer par http, https ou mailto.

Ainsi, une mauvaise valeur n'arrive jamais dans votre HTML. L'outil écarte la balise, et son texte reste.

Sauts de ligne et entités

D'abord, une nouvelle ligne en BBCode devient une balise br. L'outil avale un saut de ligne juste après une citation, une liste ou un bloc de code, car le bloc commence déjà une nouvelle ligne.

L'outil échappe les caractères spéciaux. Un signe inférieur à devient une entité dans le HTML, donc il ne peut pas ouvrir une balise par accident.

Sûr par conception

D'abord, l'outil lit votre balisage comme du texte et ne le remet jamais au navigateur comme du code. Ainsi, une balise script ne peut pas s'exécuter, et un gestionnaire d'événement ne peut pas se déclencher.

Ainsi, l'aperçu suit la même règle. Il construit chaque élément à la main à partir d'une courte liste de balises sûres, donc même un message hostile ne peut pas toucher votre page.

Comment ça marche

Utiliser le convertisseur BBCode en HTML, pas à pas

De plus, quatre étapes vous mènent d'un balisage à un autre.

  • 1

    Collez votre balisage

    Collez du BBCode, du HTML ou du Pug, ouvrez un fichier ou essayez l'exemple.

  • 2

    Choisissez deux formats

    Choisissez ce que vous avez et ce que vous voulez. Échangez-les d'un clic.

  • 3

    Regardez l'aperçu

    Regardez l'aperçu en direct pour voir comment le résultat se lit.

  • 4

    Copiez ou enregistrez

    Copiez le résultat, ou enregistrez-le avec le bon type de fichier.

Pourquoi celui-ci

Ce que ce convertisseur de balisage fait différemment

Il lit trois formats, montre un aperçu sûr et garde votre texte privé.

  • Trois formats

    BBCode, HTML et Pug, dans tous les sens.

  • Aperçu en direct

    Voyez le résultat dessiné pendant que vous tapez.

  • Valeurs vérifiées

    L'outil teste les liens, les couleurs et les tailles avant de les sortir.

  • Les blocs de code restent bruts

    Les balises dans un bloc de code ne deviennent jamais du balisage.

  • Notes claires

    L'outil compte pour vous les lignes Pug qu'il ne peut pas convertir.

  • Rien ne quitte votre onglet

    Votre navigateur fait le travail. Nous ne voyons jamais votre texte.

Bonnes habitudes

Habitudes pour déplacer du balisage entre formats

Quelques habitudes gardent propres vos messages et vos pages.

  • Fermez chaque balise. Une balise gras ouverte peut mettre en gras le reste de votre message.
  • Imbriquez les balises dans l'ordre. Fermez d'abord la balise intérieure avant l'extérieure.
  • Utilisez des adresses web complètes. Commencez les liens par https pour qu'ils marchent partout.
  • Gardez le code dans des balises code. La balise code montre le texte exactement comme vous l'avez tapé.
  • Regardez l'aperçu. Un coup d'œil rapide repère les listes et les citations cassées.
  • Connaissez votre forum. Chaque forum prend en charge d'autres balises. Testez d'abord un message.
  • Indentez le Pug avec des espaces. Deux espaces par niveau gardent l'arbre clair.
  • Gardez la logique hors de l'entrée. Les boucles et les mixins demandent le moteur Pug, pas ce convertisseur.
  • Testez avec un petit échantillon. Convertissez d'abord quelques lignes. Puis convertissez tout le message.
  • Gardez l'original. L'outil ne modifie jamais votre source, mais une copie ne coûte rien.
  • Attention au texte privé. Retirez les noms et les e-mails avant de partager un résultat.
À éviter

Erreurs de balisage courantes que cet outil évite

Chacune casse un message sans bruit. Le convertisseur vous en protège.

  • Liens dangereux

    L'outil écarte un lien qui commence par javascript.

  • Balises dans les blocs de code

    Le texte dans une balise code reste du texte brut.

  • Balises non fermées

    Les balises de fin isolées restent du texte au lieu de casser la page.

  • Mauvaises couleurs et tailles

    Seules les valeurs valides atteignent le HTML.

  • Sauts de ligne perdus

    Chaque nouvelle ligne devient une balise br.

  • Envoi de messages privés

    En effet, beaucoup de convertisseurs envoient votre texte à un serveur. Celui-ci ne le fait jamais.

Questions

Questions fréquentes sur le convertisseur BBCode en HTML

Ce convertisseur BBCode en HTML est-il gratuit ?

Oui. Il ne coûte rien, ne demande aucun compte et n'a aucune limite. Il tourne dans votre navigateur, donc nous n'avons aucun coût de serveur à vous répercuter.

Mon texte quitte-t-il mon appareil ?

Non. Votre navigateur lit le balisage et écrit le résultat. Rien n'atteint ce site, et nous ne gardons rien.

Quelles balises BBCode connaît-il ?

Gras, italique, souligné, barré, indice, exposant, url, email, img, quote, code, list, size, color, balises d'alignement, titres et hr.

Comment écrit-il une liste ?

Chaque étoile commence un élément. Une liste simple devient une liste à puces, et une liste avec un signe égal devient une liste numérotée.

Que devient une citation avec auteur ?

L'outil place l'auteur dans une balise cite en haut d'un blockquote.

Les liens sont-ils vérifiés ?

Oui. Par ailleurs, seules les adresses web et de messagerie passent. L'outil écarte un lien javascript, et son texte reste.

Pourquoi l'aperçu montre-t-il une étiquette pour les images ?

L'aperçu ne charge jamais de fichiers d'autres sites. Une image apparaît donc comme une petite étiquette.

Peut-il convertir du HTML en BBCode ?

Oui. Choisissez HTML en entrée et BBCode en sortie. L'outil écarte les balises sans équivalent BBCode, et leur texte reste.

Qu'est-ce que Pug ?

Pug est une façon courte d'écrire du HTML. Il utilise des retraits au lieu de balises de fin. On l'appelait Jade autrefois.

Peut-il convertir du HTML en Pug ?

Oui. D’ailleurs, il écrit les balises, les ids, les classes et les attributs, avec le texte sur ses propres lignes.

Peut-il convertir du Pug en HTML ?

Oui, pour la partie balisage de Pug. Il lit les balises, les ids, les classes, les attributs, le texte, les commentaires et les blocs de texte.

Que saute-t-il dans Pug ?

Les boucles, les conditions, les mixins, les includes et les lignes de code. Les notes vous disent combien de lignes il a sautées.

Exécute-t-il des scripts ?

Non. L'outil lit seulement le balisage comme du texte. Il n'exécute rien.

Puis-je convertir du BBCode en Pug ?

Oui. L'outil passe par le HTML en chemin, donc toutes les paires de formats marchent.

Garde-t-il les sauts de ligne ?

Oui. Une nouvelle ligne en BBCode devient une balise br en HTML.

Puis-je ouvrir un fichier ?

Oui. Utilisez Ouvrir un fichier. Ainsi, l'outil choisit le format d'entrée d'après le nom du fichier.

Quelle taille de fichier puis-je utiliser ?

Quelques mégaoctets. Les très longs messages peuvent se lire lentement sur un téléphone.

Puis-je imbriquer des balises ?

Oui. Fermez la balise intérieure avant l'extérieure. Ainsi, un lien en gras dans une citation marche comme prévu.

Que devient une balise que l'outil ne connaît pas ?

Elle reste telle quelle dans votre texte. Ainsi, une balise propre à votre forum ne disparaît jamais.

Le BBCode est-il le même sur tous les forums ?

Non. Chaque forum prend en charge ses propres balises. L'outil couvre les plus courantes, donc testez d'abord un message sur votre forum.

Fonctionne-t-il sur un téléphone ?

Oui. Les panneaux s'empilent et les zones défilent. Un téléphone convient donc, mais pour un long balisage, un clavier reste plus confortable.

Plus d'outils gratuits

Compagnons pratiques pour le texte web

Convertir n'est qu'une étape. Ces trois outils gèrent les étapes autour.

Prêt à convertir du balisage ?

Collez votre texte, choisissez deux formats et copiez le résultat. De plus, le convertisseur est gratuit, sans compte, et garde chaque octet sur votre appareil.