WordPress单引号JSON问题

Question

在 WordPress 简码函数中，我有以下内容：

$args=shortcode_atts( array(
   'setting1' => 'value1',
   'setting2' => 'value2'
), $atts);


return '<div data-myData=\'{' . json_encode( $args ) . '}\' ></div>';

我正在尝试检索参数并返回一个 HTML 字符串。该 html 应如下所示：

<div data-myData='{ "setting1" : "value1" , "setting2" : "value2" }'></div>

然后一些 JS 从那里拾取它。 但是，似乎无论我如何处理这个问题，WP 都会在 data-myData 属性 上将我的单引号转换为双引号，最后我得到了这个：

<div data-myData="{ "setting1" : "value1" , "setting2" : "value2" }"></div>

我在这里缺少一些简单的东西吗？ 谢谢！

Answer 1

您将 JSON 插入到 html 上下文中，因此您需要使用特定于 HTML 的引用方法：

return '<div data-myData="' . htmlspecialchars(json_encode( $args )) . '"></div>';
                              ^^^^^^^^^^^^^^^^