Caractères spéciaux non affichés après récupération de texte

Bonjour,

J'ai un problème pour afficher correctement une chaine contenant des caractères spéciaux, tel que les doubles quotes.
Par exemple j'ai ceci :

Code:

---

<span id="test" class="text-primary">Chaine "de" test</span>

---

Que je récupère comme ceci :

Code:

---

let data = $('#test').text()

---

Un console.log(data) m'affiche bien ma chaine au complet

Mais quand je souhaite mettre cette chaine dans un champ input et ensuite afficher le champ dans ma page, la chaine est tronquée au niveau des quotes :

Code:

---

let field = '<input class="form-control form-control-sm" type="text" value="' + data + '">'

---

Y a t-il une façon de protéger ce genre de caractère ?

Solution trouvée. Il suffit de faire un petit remplacement comme ceci :

Code:

---

$('#test').text().replace(/"/g, '"')

---