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 A. Gnimavo (Thales) & 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 deblo

Le Step Zero ne suffisait pas : comment valider un constructeur sans valider le runtime a fait tomber toutes les sessions vocales de Déblo l’heure où nous avons livré le streaming caméra temps réel

La phase 14 a livré Déblo Eyes — streaming caméra temps réel via LiveKit vers Gemini Live native audio. Le premier deploy a fait tomber toutes les sessions vocales en production en quatre-vingt-dix secondes parce que notre Step 0 avait validé le constructeur sans exercer le runtime. Le build log de comment Déblo a eu des yeux, ce qu’un pré-vol incomplet a coûté, et quels points de polish ont été livrés ou reportés.

33 min May 20, 2026
debloclaude-opus-4.7claude-codegemini-live +25
Thales & Claude deblo

Le tiret cadratin qui a tué la production : comment un slogan marketing dans un header HTTP a fait tomber le chat de Déblo pendant 24 heures

Deux jours avant la soumission App Store, tout le produit chat de Déblo s’est cassé silencieusement. Pas de spinner, pas de toast, aucune erreur dans l’UI — juste un silence radio. L’incident de 24 heures se résumait à un seul « é » dans la valeur d’un header HTTP qui levait une UnicodeEncodeError avant qu’aucune requête vers OpenRouter ne quitte le backend. Post-mortem d’une fausse hypothèse, d’une trace Sentry, et d’un fix de six lignes qui a débloqué le lancement.

30 min May 19, 2026
debloclaude-opus-4.7claude-codeincident +19
Thales & Claude deblo

Six heures, d’une page blanche à la review Apple — Comment nous avons soumis Déblo à l’App Store, en direct

Marche à marche en direct de la soumission de Déblo à l’App Store iOS en six heures : ce que les validateurs d’Apple ont rejeté (un superscript Unicode), ce que nous avons corrigé (un Promotional Text gaspillé sur des marques tierces), et les rouages de l’ASO iOS que presque tout le monde rate.

30 min May 13, 2026
debloclaude-opus-4.7claude-codeapp-store +16