Почему JSON.parse не хочет работать с тегом a href?

Question

[Albert Kazan]

blocks: JSON.parse('[{"type":"header","data":{"text":"Тест","level":1}},{"type":"paragraph","data":{"text":"Тут вот <a href=\"https:\/\/wordpress.org\/plugins\/woo-variations-style-buttons\/\">ссылка<\/a>."}}]')

Выводит ошибку на моменте в кавычке перед https
Не знаю как исправить. На PHP все круто работает.

Answer 1

[Aetae]

Потому что вы задаёте строку напрямую в коде. Из кода описание строки вида '{ foo: "b\"ar" }' превращается в памяти в строку { foo: "b"ar" } после чего JSON.parse, пытаясь её распарсить, естественно, спотыкается.
Когда вы получаете ajax ответ от сервера вида { foo: "b\"ar" } сразу строкой, он именно таком виде и идёт в память.
Если хотите получить строку содержащую символы экранирования - эти символы также надо заэкранировать:

blocks: JSON.parse('[{"type":"header","data":{"text":"Тест","level":1}},{"type":"paragraph","data":{"text":"Тут вот <a href=\\"https://wordpress.org/plugins/woo-variations-style-buttons/\\">ссылка</a>."}}]')

Comments

[Albert Kazan]

Я туда подставляю через PHP путем <?=$blocks?>

[Aetae]

Albert Kazan, поправил ответ. На всякий случай: phpfaq.ru/newbie/na_tanke

[Albert Kazan]

Aetae, мне то есть через preg_replace ставить сразу два обратных слеша?

[Aetae]

Albert Kazan, нет. Если вы вываливаете json из переменной php прямо в тег script, то не используйте JSON.parse - там нечего парсить.

<script>
const some = {
  blocks: <?=json_encode($blocks)?> 
}
</script>

[Albert Kazan]

Aetae, лол это ошибка

[Aetae]

Albert Kazan, никаких ошибок: sandbox, если конечно у вас в $blocks не лежит какая-то хрень вместо обычного массива.
Вы не никогда не должны вручную составлять json, для этого есть специальные функции.

Answer 2

[xmoonlight]

1. Сначала соберите строку.
2. И только потом энкодируйте её в json.