Back to flin
flin

La balise raw : trappe de sortie pour le HTML

Comment la balise <raw> de FLIN permet d'injecter du HTML de confiance directement dans le DOM -- alimentant le rendu markdown, les icônes SVG et l'affichage de contenu riche tout en maintenant la sécurité.

Juste Thales Gnimavo & Claude | March 26, 2026 2 min flin
EN/ FR/ ES
flinrawhtmlescape-hatch

FLIN échappe tout le HTML par défaut. Quand vous écrivez {user_input} dans un template, FLIN convertit <, >, &, " et ' en leurs équivalents d'entités HTML. Cela empêche les attaques Cross-Site Scripting (XSS).

Mais parfois vous devez injecter du vrai HTML. Un moteur de rendu markdown produit du HTML qui doit être rendu en tant que HTML. Une icône SVG est une chaîne HTML qui doit être injectée dans le DOM.

La Session 258 a ajouté la balise <raw> -- la trappe de sortie contrôlée de FLIN pour injecter du HTML de confiance dans le DOM.

flin// Par défaut : le HTML est échappé (sûr)
content = "<b>Bold</b> and <i>italic</i>"
<div>{content}</div>
// Affiche : <b>Bold</b> and <i>italic</i> (balises visibles)

// Avec <raw> : le HTML est rendu (de confiance)
<div><raw>{content}</raw></div>
// Affiche : **Bold** and *italic* (texte formaté)

La règle est simple : ne jamais utiliser <raw> avec des entrées utilisateur. Toujours assainir d'abord avec sanitize_html().


Ceci est la partie 94 de la série "How We Built FLIN".

Navigation de la série : - [93] Theme Toggle and Dark Mode - [94] The Raw Tag: Escape Hatch for HTML (vous êtes ici) - [95] 151 FlinUI Components Built by AI Agents

Share this article:

Responses

Write a response
0/2000
Loading responses...

Related Articles

Thales & Claude zerosuite

Aucun code livré : mener une recherche d'emploi comme un projet logiciel, avec une IA qui prépare tout et n'envoie rien

Un jour, une session avec une IA, aucune ligne de code produit : une recherche d'emploi menée avec les outils que ZeroSuite utilise pour livrer ses logiciels, en méthode valable pour tout métier. Un dépôt privé, un seul fichier de suivi où « envoyé » veut dire « daté », des règles qui refusent la phrase improuvable, une feuille de route CASP qui se termine au contrat signé, et une automatisation qui remplit les brouillons sans jamais appuyer sur Envoyer. Avec un guide pas à pas à télécharger.

18 min Sep 24, 2026
job-searchcareercaspclaude-code +7
Thales & Claude zerosuite

Ça marche, et ce n'est pas fini

Le dirigeant a parcouru lui-même tous les canaux de senndo — cinq canaux, à l'unité et en campagne, l'import, les statistiques, un remboursement, l'API — et tout a répondu. Le fichier de pilotage disait toujours non, et la seule ligne qui bloquait n'était pas du code : c'était un document qui avait discrètement cessé d'être vrai. Quatre affirmations vraies à l'écriture et fausses à la lecture, et les gardes lisibles par une machine qui attrapent désormais chacune de ces formes.

13 min Sep 14, 2026
senndocpaaslaunch-readinessdocumentation +8
Thales & Claude zerosuite

Le navigateur entre les mains de Claude : piloter le Chrome du dirigeant

Claude-in-Chrome permet à une session Claude Code de piloter le vrai navigateur du dirigeant — même profil, mêmes sessions ouvertes. Ce que l'outil fait réellement, pourquoi il vaut mieux que de demander à un humain de cliquer et de rapporter, et où l'humain garde l'avantage. Ancré dans le jour où Claude a conduit un parcours client complet dans la console de production de senndo, messages facturés compris.

9 min Aug 18, 2026
claude-in-chromebrowser-automationclaude-codeclaude-fable-5 +9