单引号中的双引号答案

【问题标题】：Double Quotes in Single Quotes单引号中的双引号
【发布时间】：2013-08-21 23:37:37
【问题描述】：

我需要像这样将 json 放在一个 html 属性中：

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

Hamlet 不理解 html 单引号字符串，它会创建错误消息：

意外的“：” 期待“>”

将文字 json 添加到字符串中的 html 属性的推荐做法是什么？

【问题讨论】：

标签： html haskell yesod hamlet

【解决方案1】：

使用&quot;转义html中的引号

<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;}'>

【讨论】：

@user1888881 运气好吗？

【解决方案2】：

使用的属性语法在 HTML 规则中是正确的，属性值在 JSON 语法中是正确的，因此如果某些软件无法处理它，请检查其文档以了解适用的限制和/或提交错误报告。

如果问题真的是当属性值为单引号时软件无法处理HTML属性规范，请使用双引号将其括起来并在其内对应地使用单引号：

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

【讨论】：