Question

je dois mettre JSON dans un attribut HTML comme ceci:

<video id="video1" 
class="video-js vjs-default-skin" 
width="640" height="480" 
data-setup='{"controls" : true, "autoplay" : false, "preload" : "auto"}'> 

Hamlet ne comprend pas les chaînes de guillemets simples html, il crée le message d'erreur:

inattendu « : » en attente de ">"

Quelle est la pratique recommandée pour ajouter littéral json aux attributs html dans une chaîne?

Answer 1

échapper aux citations en html avec "

<video id="video1" 
class="video-js vjs-default-skin" 
width="640" height="480" 
data-setup='{ &quot;controls&quot;:true,&quot;autoplay&quot;:false,&quot;preload&quot;: &quot;auto&quot;}'> 

Answer 2

La syntaxe d'attribut utilisé est correct par des règles HTML, et la valeur d'attribut est correct par la syntaxe JSON, donc si certains logiciels ne le traiter, vérifier la documentation pour les limitations applicables et/ou soumettre un rapport de bogue.

Si le problème est vraiment que le logiciel ne peut pas gérer les spécifications d'attributs HTML lorsque la valeur d'attribut est entre guillemets simples, utilisez des guillemets autour d'elle et apostrophes correspondinly à l'intérieur:

data-setup="{'controls' : true, 'autoplay' : false, 'preload' : 'auto'}"