Remplacer toutes les chaînes de caractères “<” et “>” dans une variable “<” et “>”

Je suis en train d'essayer de coder un formulaire de saisie où vous pouvez taper et mettre en forme un texte pour une utilisation ultérieure comme les entrées XML. Afin de rendre le code HTML XML lisible, je dois remplacer le code entre crochets avec le symbole correspondant codes, c'est à dire < avec < et > avec >.

Le texte formaté est transféré en tant que code HTML avec la variable inputtext, nous avons donc par exemple le texte

The <b>Genji</b> and the <b>Heike</b> waged a long and bloody war.

qui doit se converti en

The &lt;b&gt;Genji&lt;/b&gt; and the &lt;b&gt;Heike&lt;/b&gt; waged a long and bloody war.

Je l'ai essayé avec le .fonction de remplacement ():

inputxml = inputxml.replace("<", "&lt;");       
inputxml = inputxml.replace(">", "&gt;");

Mais ce serait juste remplacer la première occurrence des crochets. Je suis sûr que j'ai besoin d'une sorte de boucle pour cela; j'ai aussi essayé d'utiliser le each() fonction de jQuery (un ami a recommandé, j'ai regardé le package jQuery), mais je suis encore nouveau pour le codage en général et j'ai des ennuis de ce travail.

Comment voulez-vous code une boucle qui permettrait de remplacer les crochets de code dans une variable comme décrit ci-dessus?

Des informations supplémentaires

Vous êtes, bien sûr, en supposant que ce est une partie de quelque chose de plus grand. Je suis un étudiant de troisième cycle en études Japonaises et actuellement, je suis en train de visualiser les informations sur Japenese l'histoire d'une manière plus accessible. Pour cela, je suis en utilisant la Métaphore de la Timeline de l'API développée par le MIT, les étudiants diplômés. Vous pouvez voir un test d'un montage sur ma page d'accueil.

La Comparaison Montage utilise une API basée sur AJAX et Javascript. Si vous ne souhaitez pas installer le moteur AJAX sur votre propre serveur, vous pouvez mettre en œuvre le scénario de l'API à partir du MIT. Les données de la chronologie est généralement fournie par un ou plusieurs des fichiers XML ou des fichiers JSON. Dans mon cas, j'utilise des fichiers XML, vous pouvez avoir un coup d'oeil à la structure XML dans cet exemple.

Dans le scénario, il y a des soi-disant "événements" sur lequel vous pouvez cliquer afin de révéler des informations supplémentaires à l'intérieur d'une info-bulle qui s'affiche. Le texte à l'intérieur de ces infos bulles provient du fichier source XML. Maintenant, si vous voulez faire un peu de mise en forme HTML dans l'info bulles, vous ne pouvez pas utiliser le code de support, car ceux-ci vont juste être affiché sous forme de texte brut. Cela fonctionne si vous utilisez le symbole des codes au lieu de la plaine entre parenthèses, cependant.

Le contenu pour le scénario sera écrit par des gens absolument et totalement pas habitués à codifiée de balisage, c'est à dire des historiens, des historiens de l'art, sociologues, parmi eux, plusieurs personnes de l'âge de 50 ans et plus. J'ai essayé de leur expliquer comment ils doivent le format du fichier XML si ils veulent créer un montage, mais de temps en temps ils glisse et deviennent frustrés quand le scénario ne prend pas en charge parce qu'ils ont oublié de fermer une parenthèse ou d'inclure une apostrophe.

Afin de le rendre plus facile, j'ai essayé de faire un facile à utiliser le formulaire de saisie où vous pouvez saisir toutes les informations et le format du texte WYSIWYG, puis l'ont converti en code XML qui vous avez juste à copier et coller dans le fichier source XML. La plupart de ça marche, même si j'ai encore de la difficulté avec la conversion du balisage de texte dans le principal champ de texte.

La conversion du code parenthèses dans le code du symbole est la dernière chose dont j'avais besoin pour se mettre au travail afin de disposer d'un formulaire de saisie.

il n'est pas nécessaire d'utiliser jquery pour cette tâche
"Afin de rendre le code HTML XML lisible, je dois remplacer le code entre crochets avec le symbole correspondant codes, c'est à dire < avec < et > avec >" - Euh, non. Vous avez à XML-encoder la chaîne, qui est une opération beaucoup plus complexe que de remplacer deux personnages et vous ne devriez pas le faire via JavaScript chaîne à remplacer.
Tout à fait raison.
De Plus, je vois peu de raisons que vous devez le faire manuellement. Ces choses se produisent habituellement automatiquement dans la couche API, de sorte s'il vous plaît dites-nous ce que vous êtes en train d'essayer de faire. Astuce: Remplacer des caractères n'est-ce pas. 😉
Vous êtes bien sûr que vous êtes de droite, Tomalak. J'ai inclus des informations supplémentaires à propos de mon projet dans mon post initial. Malheureusement, je n'ai pas assez de réputation pour poster plus de trois Hyperliens encore, donc voici le lien vers le formulaire de saisie: formulaire
J'ai posté une approche alternative basée sur votre code.

InformationsquelleAutor Michael | 2011-05-23

Pour stocker une chaîne de caractères arbitraire en XML, utiliser le XML natif fonctionnalités du navigateur. Il sera un enfer de beaucoup plus simple de cette façon, de plus, vous n'aurez jamais à réfléchir sur le bord des cas de nouveau (par exemple les valeurs d'attribut qui contiennent des devis ou pointu entre parenthèses).

Une astuce à penser lors de l'utilisation de XML: Ne jamais construire de XML à partir d'une chaîne de caractères par concaténation si il n'y a aucun moyen de l'éviter. Vous sera avoir des ennuis de cette façon. Il y a des Api pour manipuler du XML, de les utiliser.

Aller à partir de votre code, je vous suggère les suivantes:

$(function() {
$("#addbutton").click(function() {
var eventXml = XmlCreate("<event/>");
var $event   = $(eventXml);
$event.attr("title", $("#titlefield").val());
$event.attr("start", [$("#bmonth").val(), $("#bday").val(), $("#byear").val()].join(" "));
if (parseInt($("#eyear").val()) > 0) {
$event.attr("end", [$("#emonth").val(), $("#eday").val(), $("#eyear").val()].join(" "));
$event.attr("isDuration", "true");
} else {
$event.attr("isDuration", "false");
}
$event.text( tinyMCE.activeEditor.getContent() );
$("#outputtext").val( XmlSerialize(eventXml) );
});
});
//helper function to create an XML DOM Document
function XmlCreate(xmlString) {
var x;
if (typeof DOMParser === "function") {
var p = new DOMParser();
x = p.parseFromString(xmlString,"text/xml");
} else {
x = new ActiveXObject("Microsoft.XMLDOM");
x.async = false;
x.loadXML(xmlString);
}
return x.documentElement;
}
//helper function to turn an XML DOM Document into a string
function XmlSerialize(xml) {
var s;
if (typeof XMLSerializer === "function") {
var x = new XMLSerializer();
s = x.serializeToString(xml);
} else {
s = xml.xml;
}
return s
}

Wow, merci beaucoup. La génération de données XML par concaténation fonctionne bien pour l'instant, mais je vais essayer de mettre en œuvre votre solution ci-dessus ainsi! Si elle évite des ennuis plus tard, je ferais mieux de le faire correctement au début. Encore une fois, merci beaucoup.
Oui, il travaille pour les valeurs que vous avez testé avec. Une double citation dans le titre aurait déjà brisé. 😉

InformationsquelleAutor Tomalak

22

regardez ici:

http://www.bradino.com/javascript/string-replace/

il suffit d'utiliser cette regex pour remplacer toutes les:
```
str = str.replace(/\</g,"&lt;")   //for <
str = str.replace(/\>/g,"&gt;")   //for >
```
- Ces barres obliques inverses sont totalement redondante. Aussi, ITYM > au lieu de &rt;.
- C'est >, pas &rt;. C'est l'acronyme de "plus grand que" (c.f. "moins de"). Et est-il vraiment un besoin pour échapper à ces crochets?
- je ne suis pas totalement sûr, toujours utilisé comme ça.
InformationsquelleAutor Fender
2

https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String/replace

Vous pouvez utiliser une expression régulière avec le "g" (global de match) drapeau.
```
var entities = {'<': '&lt;', '>': '&gt;'};
'<inputtext><anotherinputext>'.replace(
/[<>]/g, function (s) {
return entities[s];
}
);
```
InformationsquelleAutor katspaugh
1

Vous pouvez également entourer votre les entrées XML avec les éléments suivants:
```
<![CDATA[...]]>
```
Voir l'exemple:
```
<xml>
<tag><![CDATA[The <b>Genji</b> and the <b>Heike</b> waged a long and bloody war.]]></tag>
</xml>
```
L'Article De Wikipedia:
http://en.wikipedia.org/wiki/CDATA
- Malheureusement, CDATA ne fonctionne pas dans le projet décrit ci-dessus.
InformationsquelleAutor Theofanis Pantelides
0

Ce que vous avez vraiment besoin, comme mentionné dans les commentaires, est à XML-encoder la chaîne. Si vous voulez absolument faire c'est du Javascript, jetez un oeil à la PHP.js fonction htmlentities.

InformationsquelleAutor Félix Saparelli

Vous devez vous connecter pour publier un commentaire.