我正在使用Middleman和Snipcart开发电子商务项目。我需要使用多种货币,Snipcart文档说我只需要在我的购买按钮中设置data-item-price
,其中包含{"usd": 20, "eur": 25}
等JSON数组。还有其他数据集可以放在购买按钮上,所以我决定做个帮手。
这个助手正好返回我想要的,但数据项价格介于双引号之间,而不是单引号之间。目前,代码理解为data-item-price="{"usd":20,"eur":22}"
而不是data-item-price='{"usd": 20, "eur": 22}'
我需要通过此<button data-item-price="{"usd":20,"eur":22}">Buy</button>
转换<button data-item-price='{"usd":20,"eur":22}'>Buy</button>
。
这是snipcart(购买)按钮助手:
def snipcart_button (p, text)
args = {
"class" => "snipcart-add-item",
"data-item-id" => p.id,
"data-item-price" => p.price.to_json,
"data-item-name" => p[locale].name,
"data-item-max-quantity" => p.max_quantity,
"data-item-url" => snipcart_product_url(p),
"data-item-image" => p.image
}
content_tag :button, args do
text
end
end
答案 0 :(得分:2)
你要找的东西可能不是单引号的双引号,而是这个助手:https://apidock.com/rails/ActionView/Helpers/JavaScriptHelper/escape_javascript
这将避免双引号和单引号。
"data-item-price" => j(p.price.to_json),
答案 1 :(得分:1)
这有用吗?
def snipcart_button(p, text)
content_tag(:button, text, {
class: 'snipcart-add-item',
data: {
'item-id': p.id,
'item-price': p.price.to_json.html_safe,
'item-name': p[locale].name,
'item-max-quantity': p.max_quantity,
'item-url': snipcart_product_url(p),
'item-image': p.image
}
})
end
(非常)丑陋的方式是:
def snipcart_button(p, text)
content_tag(:button, text, {
class: 'snipcart-add-item',
data: {
'item-id': p.id,
'item-price': '',
'item-name': p[locale].name,
'item-max-quantity': p.max_quantity,
'item-url': snipcart_product_url(p),
'item-image': p.image
}
}).sub(/(data-item-price=)""/, "\\1'#{p.price.to_json.html_safe}'").html_safe
end