Как экранировать (изолировать) кавычки в html?

Question

[Qeinzo]

Есть кнопка, передающая POST-запрос:

<button
onclick="service.create(
sum: 20000; 
name_item: 'Кожаная сумка цвета "Крайола"',
)"
>Купить</button>

И так получается, что если в названии товара присутствуют кавычки, то кнопка становится нерабочей, потому что код воспринимает закрытие кавычек раньше времени (хотя это просто название цвета).

Есть вариант удаления кавычек во всех наименованиях, но это не решение проблемы, потому что в будущем могут возникнуть проблемы.

Comments

[Антон Антон]

перенести все данные в js (если это с бэка в процессе формирования страницы, то, например, в json), по клику вызывать функцию, берущую данные из js по какому-нибудь индексу.

[Qeinzo]

Антон Антон, кнопка интегрирована в html-код сайта-конструктора. Данные подтягиваются из стандартизированных кодов вида $ИМЯ_ТОВАРА$.

<button
onclick="service.create(
sum: $СУММА$,
name_item: '$ИМЯ_ТОВАРА$',
)"
>Купить</button>

Answer 1

[Froggyweb]

"
htmlbook.ru/css/quotes

Comments

[Qeinzo]

Я знаю о кодах в html, но это не поможет в моём вопросе, потому что наименования товаров уже написаны в интернет-магазине. Это то же самое, что отредактировать каждый товар вручную. К тому же при добавлении товара в поле наименования нельзя будет добавить этот символ - он напишется так, как есть.

Answer 2

[Rsa97]

"

Comments

[Qeinzo]

Я знаю о кодах в html, но это не поможет в моём вопросе, потому что наименования товаров уже написаны в интернет-магазине. Это то же самое, что отредактировать каждый товар вручную. К тому же при добавлении товара в поле наименования нельзя будет добавить этот символ - он напишется так, как есть.