Полимер 3: текст в HTML

Question

На моей странице Polymer я получаю текст из db в переменной, и текст содержит теги HTML. Как я могу изменить этот текст на форматированный HTML? Текст, который я получаю, выглядит примерно так:

<h1>Header</h1>
<p>More text......</p>
<a href="http://www.google.com">Read more</a>

Я отображаю его на своей странице, как показано ниже, где item.content имеет текст выше:

<div>
  <p>${item.content}</p>
</div>

Answer 1

Вы можете использовать функцию unsafeHTML из lit-html lib. См. Ссылку API здесь .

Пример:

import { unsafeHTML } from 'lit-html/directives/unsafe-html.js'

...

_render ({ yourHtmlString }) {
  return html`
    ${unsafeHTML(yourHtmlString)}
  `
}

Демонстрация в реальном времени на stackblitz .