Javascript Girl
  1. Javascript Girl
  3. Format Html String en javascript
Intereting Posts
Envoyer un jeton avec chaque demande de synchronisation de backbone Réagir js – avoir des problèmes pour créer une liste de tâches Js a différé / promis / avenir par rapport aux langages fonctionnels comme Scala Inspectez chrome.storage.sync tout en débogant l'extension Chrome Compresser une vidéo sur le côté client Quelle est la hauteur d'une "ligne" dans un événement de roue? (DeltaMode = DOM_DELTA_LINE) Gradient le long des liens dans le diagramme de D3 Sankey Filtre modèle Django – une ligne Comment étendre le délai d'exécution du script du navigateur AngularJS $ Broadcast et $ sur la mise à jour $ scope La fonction jquery $ .get () réussit avec 200 mais ne renvoie aucun contenu dans Firefox Comment puis-je effectuer une superposition SVG personnalisée sur Leaflet sans utiliser D3? Utilisation des tags ASP.Net dans un fichier .js? Empêchez la fonction onbreforeload de faire une pause de la minuterie javascript ID unique persistante pour les onglets Chrome qui dure entre les sessions du navigateur

Format Html String en javascript

Voici un fragment de mon code 

{% autoescape on %} <li><h4 id="instruction" style = "word-wrap: break-word">{{question_1}}</h4></li> {% endautoescape %}

Dire {{question_1}} (le rendu variable du côté du serveur) est "ceci est un exemple ", la sortie sera comme 

 this is *an example*

Mais quand je change le contenu de javascript à quelque chose comme: 

 document.getElementById("instruction").innerHTML = "this is <i>example 2</i>";

Le contenu des modifications html, mais il n'est pas italisé. Est-ce que je fais cela? Merci

Je viens de découvrir que le problème provient d'une étiquette qui n'a pas été bien décodée. Donc, je l'ai fait 

 document.getElementById("instruction").innerHTML = "this is <i>example 2</i>".replace(/&amp;/g, '&').replace(/&lt;/g, '<').replace(/&gt;/g, '>').replace(/&quot;/g, '"').replace(/&apos;/g, '\'');

Et cela fonctionne bien pour moi. Merci.

C'est le problème. J'ai remarqué que vous avez deux identifiants pour la seule étiquette h4 qui n'est pas valide. Le navigateur rendra la première Id et ignorera la seconde. Je vous conseille d'abord de savoir si votre code fonctionnera lorsque vous utiliserez une étiquette d'identité. Ensuite, nous pouvons savoir d'où vient le problème.