Aller au contenu principal

Balises de typographie

Contrôlez le poids de la police, le style, la décoration et la famille de police dans n'importe quel élément textuel (p, th, td, h1–h5).

Gras​

{ "p": "Ceci est [b]texte gras[/b] dans une phrase." }

Forme longue : [bold]...[/bold] · Alias HTML : [strong]...[/strong]

Italique​

{ "p": "Ceci est [i]texte italique[/i] dans une phrase." }

Forme longue : [italic]...[/italic] · Alias HTML : [em]...[/em], [cite]...[/cite]

Gras italique​

{ "p": "Ceci est [bi]gras italique[/bi] dans une phrase." }

Aussi accepté : [ib], [bolditalic], [italicbold]

Souligné​

{ "p": "Ceci est [u]texte souligné[/u] dans une phrase." }

Forme longue : [underline]...[/underline] · Alias HTML : [ins]...[/ins]

Barré​

{ "p": "Ancien prix : [s]$99[/s] nouveau prix : $79" }

Forme longue : [strike]...[/strike] · Alias HTML : [del]...[/del]

Le barré se compose avec le soulignement — les deux décorations s'affichent sur la même exécution :

{ "p": "[u][s]lien dépréciée[/s][/u]" }

Toutes les majuscules​

Affichage du texte visuellement en majuscules sans changer la chaîne sous-jacente — utile pour les titres d'affichage, les étiquettes de sourcil et les acronymes stylisés où vous souhaitez garder les données casse mixte pour la recherche/copie.

{ "p": "[caps]examen des affaires trimestriels[/caps]" }

L'exemple affiche EXAMEN DES AFFAIRES TRIMESTRIELS mais le texte source dans le document — et ce que les utilisateurs obtiennent quand ils copient/collent — reste casse mixte.

[caps] se compose avec le reste de la boîte à outils de typographie :

{ "p": "[b][caps][ls, 1.5][color, #888888]résumé exécutif[/color][/ls][/caps][/b]" }

C'est un en-tête de sourcil piste-out, gris, gras toutes les majuscules à partir d'une seule chaîne source casse mixte — changez le libellé sans retype en majuscules.

Commutation de police​

Basculer vers une famille de police personnalisée enregistrée mi-texte. La police doit être déclarée dans la propriété fonts du document.

{
  "fonts": {
    "NotoSerif": { "regular": "fonts/NotoSerif-Regular.ttf" }
  },
  "content": [
    { "p": "Sans-serif par défaut [font, NotoSerif]basculé en serif[/font] de retour au défaut." }
  ]
}

C'est ainsi que fonctionnent les polices d'icônes — enregistrez Font Awesome, puis intégrez le caractère d'icône :

{
  "fonts": {
    "FA": { "regular": "fonts/fa-solid-900.otf" }
  },
  "content": [
    { "p": "Statut : [font, FA][/font] Approuvé" }
  ]
}

Combinaison​

Toutes les balises de typographie s'imbriquent librement :

{ "p": "[b]Gras avec [i]gras italique[/i] à l'intérieur[/b]" }
{ "p": "[u][b]Gras souligné[/b] juste souligné[/u]" }
{ "p": "[font, NotoSerif][b]Serif gras[/b] serif normal[/font]" }

Exemple : ligne de facture stylisée​

{ "p": "[b]Facture #INV-2026-0042[/b] — [i]$data.client.name[/i] — [u]Montant dû : $data.invoice.total[/u]" }