Insérer un code xml dans une page html sans interprétation [Résolu]

solenne74 · 29/06/2011, 10h59

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

12monkeys · 29/06/2011, 11h25

Bonjour

Il faut remplacer les caractères < et > par les entités < et >

solenne74 · 29/06/2011, 11h33

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 &gt

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

Eric2a · 29/06/2011, 11h35

Salut,

On peut ajouter le document XML dans le DOM comme ceci

Code js :

Sélectionner tout - Visualiser dans une fenêtre à part

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

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

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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 js :

Sélectionner tout - Visualiser dans une fenêtre à part

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

solenne74 · 30/06/2011, 10h50

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 ?

solenne74 · 01/07/2011, 14h56

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 !

29/06/2011, 10h59	#1
solenne74 Invité de passage Solenne Inscription : juin 2011 Messages : 5 Détails du profil Informations personnelles : Nom : Solenne Localisation : France Informations forums : Inscription : juin 2011 Messages : 5 Points : 1 Points : 1	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
	00

29/06/2011, 11h25	#2
12monkeys Rédacteur/Modérateur Dr. Peters Webmaster Inscription : novembre 2006 Messages : 3 618 Détails du profil Informations personnelles : Nom : Dr. Peters Âge : 35 Localisation : France, Bas Rhin (Alsace) Informations professionnelles : Activité : Webmaster Secteur : Service public Informations forums : Inscription : novembre 2006 Messages : 3 618 Points : 6 238 Points : 6 238	Bonjour Il faut remplacer les caractères < et > par les entités < et > __________________ Vous débutez dans la creation de sites web : les bases du html et débuter avec les CSS Pas de MP pour des questions techniques ! Mode d'emploi du forum ; Règles ; Pensez à la balise code ; Pas de SMS ! Votez pour les messages qui vous ont aidés...
	00

29/06/2011, 11h33	#3
solenne74 Invité de passage Solenne Inscription : juin 2011 Messages : 5 Détails du profil Informations personnelles : Nom : Solenne Localisation : France Informations forums : Inscription : juin 2011 Messages : 5 Points : 1 Points : 1	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 &gt 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
	00

30/06/2011, 10h50	#5
solenne74 Invité de passage Solenne Inscription : juin 2011 Messages : 5 Détails du profil Informations personnelles : Nom : Solenne Localisation : France Informations forums : Inscription : juin 2011 Messages : 5 Points : 1 Points : 1	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 ?
	00

01/07/2011, 14h56	#6
solenne74 Invité de passage Solenne Inscription : juin 2011 Messages : 5 Détails du profil Informations personnelles : Nom : Solenne Localisation : France Informations forums : Inscription : juin 2011 Messages : 5 Points : 1 Points : 1	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 !
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email