Insérer un code xml dans une page html sans interprétation

Version imprimable

29/06/2011, 10h59
solenne74

Insérer un code xml dans une page html sans interprétation

Bonjour !

Je travaille sur un site de mise en ligne de transcription et d'images numérisées en vis à vis. L'encodage de la transcription est fait à l'origine en XML/TEI. J'aimerais pouvoir insérer le code source de ce fichier xml dans ma page web mais bien sûr html interprête ou n'affiche pas les élements/balises xml. Comment faire pour qu'il ne les interprête pas ?

Merci bien pour votre aide

Solenne
29/06/2011, 11h25
12monkeys

Bonjour

Il faut remplacer les caractères < et > par les entités < et >
29/06/2011, 11h33
solenne74

oui, j'ai vu. mais j'ai beaucoup de fichiers tei et j'affiche aussi une transcription 'propre' transformée avec une XSLT. Serait il possible d'effectuer cette transformation (les < et > par < et >) en XSLT ? Si oui, comment ? Parce que je ne vois pas.
Je ne peux en effet pas faire chercher/remplacer pour tous mes fichiers, les copier/coller ensuite dans un document html... il me faudrait quelque chose de plus automatique.

Merci

Salut,

On peut ajouter le document XML dans le DOM comme ceci

Code:

elt.appendChild(document.createTextNode(xml));

où elt represente le conteneur et xml les données XML.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>Test</title>
		<script type="text/javascript">//<![CDATA[
                        var
                                xml ='<?xml version="1.0" encoding="utf-8"?>\n';
                                xml+='<biblio>\n';
                                xml+='  <livre>\n';
                                xml+='    <titre>Les Misérables</titre>\n';
                                xml+='    <auteur>Victor Hugo</auteur>\n';
                                xml+='  </livre>\n';
                                xml+='</biblio>';
 
                        function init_DOM(){
                                var elt=elt=document.getElementById('xml');
 
                                // Vide le contenu de l'élément
                                while(elt.hasChildNodes())elt.removeChild(elt.lastChild);
 
                                // Ajoute le texte non intérprétable contenu dans la variable xml
                                elt.appendChild(document.createTextNode(xml));
                        }
 
                        window.onload=init_DOM;
                //]]>
                </script>
	</head>
 
	<body>
		<pre id="xml"></pre>
	</body>
</html>

Edit : Si tu veux passer par innerHTML...
La fonction permettant la convertion

Code:

1
2
3
function htmlspecialchars(s){
	return (typeof s=='string')?s.replace(/\</g,'&lt;').replace(/\>/g,'&gt;'):'';
}

30/06/2011, 10h50
solenne74

J'ai beaucoup de fichier à modifier ainsi. Y a t'il un moyen de rendre le javascript automatique ? C'est à dire ne pas mettre tout le contenu xml dans le javascript ?
01/07/2011, 14h56
solenne74

en fait, il y a une XSLT qui circule sur le net qui sert justement à afficher le code source de fichiers XML dans une page HTML. Son nom : xmlverbatim !
C'est parfait !