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 jour où Déblo a refusé une bonne réponse — deux fois

Une trace de production a montré Déblo K12 rejetant deux fois de suite la bonne réponse d’un élève de Terminale. Huit heures d’analyse, quatre commits, une rotation A/B de modèles et un benchmark sur 6 modèles plus tard, le tuteur de maths était corrigé. Ce qui a cassé, ce que nous avons changé, et ce que l’échec surprenant de GPT-5.4-mini au test socratique nous a appris sur le choix des modèles pour l’IA éducative.

32 min May 3, 2026
debloclaude-opus-4.7claude-codemethodology +14
Thales & Claude deblo

Web Claude a trouvé le bug. Puis il a failli l’aggraver.

Comment un prompt vocal de 270 lignes pour le tuteur Ultravox de Deblo produisait la même phrase d’accueil scriptu00e9e à chaque appel. Web Claude a diagnostiqué le problème parfaitement, puis a prescrit une correction qui aurait doublé la taille du prompt avec des hooks backend inexistants. Le filtre qui a gardé le diagnostic et rejeté la prescription.

17 min Apr 28, 2026
debloclaude-opus-4.7methodologyprompt-engineering +7
Thales & Claude deblo

Pourquoi j’ai dû corriger Web Claude deux fois sur la stratégie de la page d’accueil de Deblo

Comment une conversation de 48 heures avec Web Claude a failli entraîner Deblo dans le piège généraliste « ChatGPT pour l’Afrique », et pourquoi la connaissance du marché par le fondateur a dû prendre le dessus sur les suggestions stratégiques de l’IA à deux reprises.

26 min Apr 26, 2026
debloclaude-opus-4.7methodologystrategy +6