抖音小程序Tiktok开发教程之基础组件 02 rich-text 富文本组件

代码种植者

于 2021-08-19 22:00:33 发布

阅读量767

点赞数 1

分类专栏：抖音小程序开发教程文章标签：抖音小程序 javascript 小程序

本文链接：https://blog.csdn.net/qq_48235049/article/details/119812065

版权

抖音小程序开发教程专栏收录该内容

6 篇文章 ¥99.90 ¥299.90

订阅专栏

超级会员免费看

本文介绍了抖音小程序中的rich-text组件，该组件支持展示html和css的复杂标签效果。通过示例展示了在ttml界面中添加代码及设置js业务逻辑的方法，引导读者学习如何使用rich-text组件。同时，文章提供了QQ群信息进行技术交流。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

什么是rich-text组件？

rich-text富文本组可以支持显示html和css等复杂标签效果

rich-text 富文本组件运行效果

请添加图片描述

text组件如何使用呢？

首先，在ttml界面中添加下面代码

<view class="container">
  <view class="body body-space">
    <view class="page-section">
      <view class="page-section-title">通过HTML String渲染</view>
      <view class="page-content">
        <view class="show-code">
          <text>{
  {htmlSnip}}</text>
        </view>