聚合物 3：发短信给 HTML

Question

在我的 Polymer 页面中，我从变量中的数据库中获取文本，该文本包含 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

您可以使用 lit-html 库中的 unsafeHTML 函数。请参阅 API 参考资料 here。

示例：

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

...

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

stackblitz 上的现场演示。

聚合物 3：发短信给 HTML

Polymer 3: Text to HTML

javascript

html

polymer

lit-html