qtip и HTML-данные в title="" вызывают конфликт
Я пытаюсь загрузить html-контент на временную шкалу visjs и использую qtip2 для отображения всплывающей подсказки при нажатии на гиперссылку внутри временной шкалы. Эта подсказка должна отображать html-контент, поэтому в нем есть "", что вызывает проблему, когда она вставляется в заголовок ="". Обычно я мог бы использовать одну кавычку в заголовке = '<- html - content->', поэтому он должен быть в состоянии обрабатывать кавычки. Но теперь я столкнулся с проблемой, потому что я пытаюсь сделать это изнутри javascript, который уже использует одну цитату из самого javascript.
Если я хочу добавить элемент на временную шкалу Visjs, мне нужно вставить новые элементы на временной шкале, как это.
{id: <?php echo $key; ?>, group: <?php echo $aspects['group'][$key]; ?>, content: '<a title="<?php if(isset($aspects['interpretation'][$key])): echo $aspects['interpretation'][$key]; endif;?>" role="button"><?php echo $aspects['symbols'][$key]; ?></a>', start: new Date(<?php echo $aspects['dates']['start'][$key]['year']; ?>, <?php echo $aspects['dates']['start'][$key]['month'] - 1;?>, <?php echo $aspects['dates']['start'][$key]['day'];?>, <?php echo $aspects['dates']['start'][$key]['hour'];?>, <?php echo $aspects['dates']['start'][$key]['min'];?>), end: new Date(<?php echo $aspects['dates']['end'][$key]['year']; ?>,<?php echo $aspects['dates']['end'][$key]['month'] - 1; ?>, <?php echo $aspects['dates']['end'][$key]['day']; ?>, <?php echo $aspects['dates']['end'][$key]['hour']; ?>, <?php echo $aspects['dates']['end'][$key]['min']; ?> ) },
Но, как вы можете видеть, content: 'href etc' уже использует одинарную кавычку. Итак, как я могу избежать этого HTML-кавычки, чтобы не вызвать конфликт? Я попробовал что-то вроде title = \" \" в href, но пока не нашел решения, чтобы решить мою проблему.
2 ответа
Вы должны использовать htmlspecialchars перед выводом ваших переменных PHP.
Попробуйте использовать шаблоны строк в JavaScript.
var string = `hello " and ' work in this string`;