Bonjour,

Je cherche à trouver la meilleure solution pour insérer des images (de type vignettes en SVG) au sein d’un texte en fonction d’une chaîne de caractères ou d’un marquage par des balises XML. Ces vignettes devraient se positionner en tête, à gauche de mots ou de séquences. Je voudrais ajouter des images en fonction de la sélection d’attributs dans des balises XML.

Pour le texte :
La nuit, tous les chats sont gris.

En XML, j’aurais:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
<?xml version="1.0" encoding="UTF-8" ?>
<?xml-stylesheet type="text/css" href="testhistoire.css"?>
<html xmlns="http://www.w3.org/1999/xhtml">
<histoire>La nuit, <sequence thème="chat" couleur="gris">tous les chats sont gris</sequence>. </histoire>
J’ai essayé d’intégrer les images directement dans l’HTML :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
La nuit, <img src="Chat_Gris.svg" alt="Chat Gris" width="40" height="40" align="bottom"/><ChatGris>tous les chats sont gris</ChatGris>.
Mais je souhaiterais plus de flexibilité et pouvoir séparer cette « mise en forme » du code XML. Je me suis orienté vers le CSS mais mettre une image à gauche d’un mot ne semble pas évident.

J’ai deux questions :
1°) Est-ce qu’il est possible d’imaginer un parsing avec XSLT pour introduire l’adresse d’une image ? En considérant que j’aurai peut-être une centaine d’images différentes par texte. Est-il possible de réaliser ce type de parsing « linguistique » avec XSLT ? en fonction d’une liste de mots ?
2°) Quelles sont les meilleurs outils de parsing XML (les plus rapides à prendre en main surtout) pour faire ce type de parsing. J’utilise pour le moment Notepad++ et le plugin Python qui me permet de faire des rechercher-remplacer

Code : Sélectionner tout - Visualiser dans une fenêtre à part
 editor.pyreplace(r'X',r'Y')
Mais ça semble peut-être compliqué si je veux travailler de façon incrémentale et lire ou réaliser mes images progressivement.

Merci pour vos conseils !