渲染富文本内容使用的组件rich-text

732 阅读1分钟

rich-text 是一种用于在小程序中渲染富文本内容的组件。通过使用 rich-text 组件,可以将包含富文本标签的字符串转换为可在小程序中展示的富文本内容。

在小程序中,rich-text 组件支持一些常用的 HTML 标签,比如 <div><p><span><strong><em><a> 等标签,以及一些常见的样式属性如 colorfontSizelineHeight 等。

以下是一个简单的示例代码,展示了如何使用 rich-text 组件渲染富文本内容:

<rich-text :nodes="`<h1>富文本</h1><h2>富文本</h2><h3>富文本</h3>`"></rich-text>

在上面的示例中,rich-text 组件的 nodes 属性绑定了一个包含富文本标签的字符串 <h1>富文本</h1><h2>富文本</h2><h3>富文本</h3>

请注意,rich-text 组件并不支持所有的 HTML 标签和 CSS 样式属性,具体支持的标签和属性可以查阅小程序官方文档以获取更详细的信息。

注意:带标签字符串的就叫做富文本内容