Javascript Girl
  1. Javascript Girl
  3. Javascript: échapper à des guillemets doubles en HTML
Intereting Posts
Jquery crée un identifiant unique Ne peut pas ajouter une étiquette img à la balise ap Comment afficher / masquer un div sur la base d'une sélection de case à cocher en js angulaire Comment puis-je lire les en-têtes actuels sans faire une nouvelle requête avec JS? Comment puis-je limiter la concurrence de la promesse Q? Requête POST de domaine croisé utilisant Cross-Origin Resource Sharing ne récupérant aucune donnée Lecture de métadonnées à partir du <piste> d'un HTML5 <vidéo> à l'aide du sous-titrage Accès à l'onglet actuel DOM Objet à partir de "popup.html"? Mais pourquoi le navigateur DOM est-il encore si lent après 10 ans d'effort? Chargement des données json avec une usine AngularJS Échapper des guillemets doubles en JavaScript sur le gestionnaire d'événementsClick Pouvez-vous ignorer le code HTML dans une chaîne tout en remplaçant avec jQuery? Comment remplacer le paramètre url par javascript / jquery? Générer un GIF animé avec un canevas HTML5 Les jappes multiples de validation de Jquery, valident-elles une à la fois?

Javascript: échapper à des guillemets doubles en HTML

Comment puis-je empêcher les images[i].title dessous de briser le HTML s'il contient des guillemets? 

 for ( i=0;i<=images.length-1;i++ ){ gallery += '<img width="250" height="250" src="' + images[i].src + '" title="' + images[i].title + '" />'; }

Vous pouvez utiliser la méthode replace () pour échapper aux guillemets doubles: 

 for (var i = 0; i < images.length; ++i) { gallery += '<img width="250" height="250" src="' + images[i].src + '" title="' + images[i].title.replace(/\"/g, '\\"') + '" />'; }

EDIT: le résultat sera une chaîne JavaScript valide, mais ne fonctionnera pas comme un balisage HTML car l'analyseur HTML ne comprend pas les échappements de la barre oblique invariable. Vous devrez remplacer les caractères à double citation par des guillemets simples dans votre titre d'image: 

 for (var i = 0; i < images.length; ++i) { gallery += '<img width="250" height="250" src="' + images[i].src + '" title="' + images[i].title.replace(/\"/g, "'") + '" />'; }

Ou inversez les types de devis dans votre balisage: 

 for (var i = 0; i < images.length; ++i) { gallery += "<img width='250' height='250' src='" + images[i].src + "' title='" + images[i].title + "' />"; }

Comme personne ne semble avoir exactement la bonne réponse à mon avis: 

 for ( i=0;i<=images.length-1;i++ ){ gallery += '<img width="250" height="250" src="' + images[i].src + '" title="' + images[i].title.replace(/\"/g,'&quot;') + '" />'; }

Cela remplace toutes les citations, et vous finissez par des guillemets doubles, et ils sont représentés dans un format html valide. 

 var_name.replace(/\"/gi,'%22');

C'est celui que vous recherchez. Même si vos couleurs sont "désactivées" dans Visual Studio.

\ Échappe à la citation suivante. Gi fait un remplacement pour toutes les occurrences.

Vous pouvez appeler le remplacement sur votre chaîne de titre: 

 for ( i=0;i<=images.length-1;i++ ){ gallery += '<img width="250" height="250" src="' + images[i].src + '" title="' + images[i].title.replace('"',"'") + '" />'; }