Как включить HTML со стилем в настраиваемый атрибут HTML

Я пытаюсь включить предложение со стилем (CSS) в пользовательские атрибуты HTML.

Возможно ли это сделать?

 <a class = "head-1" data-aos = "fade-up" data-aos-delay = "500" class = "active"  data-parameter-1 = " Warehouses for rent <br> Starting From <span style = "&quot; color:red;text-decoration: underline"&quot; > AED 74,000</span>">WAREHOUSES</a>

Единственный вопрос - как избежать двойных кавычек после тега стиля.

Как конвертировать HTML в PDF с помощью jsPDF
Как конвертировать HTML в PDF с помощью jsPDF
В этой статье мы рассмотрим, как конвертировать HTML в PDF с помощью jsPDF. Здесь мы узнаем, как конвертировать HTML в PDF с помощью javascript.
1
0
35
3

Ответы 3

Я думаю, это должно быть возможно. Я не пробовал использовать двойные кавычки, но знаю, что вы можете использовать &lsaquo; и &rsaquo; для < и > в тегах HTML. Так что я думаю, это должно сработать.

Вы можете использовать одинарные кавычки вместо двойных кавычек, см. Пример ниже. Браузер правильно отображает тег.

 <a class = "head-1" data-aos = "fade-up" data-aos-delay = "500" class = "active"  data-parameter-1 = " Warehouses for rent <br> Starting From <span style='color:red;text-decoration: underline'> AED 74,000</span>">WAREHOUSES</a>

Да ... Просто удалите двойные кавычки ", так как вы используете &quot;

console.info($(".head-1").attr("data-parameter-1"));

$("#result").html($(".head-1").attr("data-parameter-1"));
<script src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a class = "head-1" data-aos = "fade-up" data-aos-delay = "500" class = "active"  data-parameter-1 = " Warehouses for rent <br> Starting From <span style=&quot;color:red;text-decoration:underline&quot;> AED 74,000</span>">WAREHOUSES</a>
<div id = "result"></div>

Другие вопросы по теме