点击播放优酷视频教程

一、案例效果

二、应用场景

富文本相当于一个文本编辑器，拥有丰富的编辑面板。双击富文本框后可以看到，它支持更多的文本内容及格式，比如公式、表单、引用、链接、分隔符、特殊符号等等。

支持同一个组件内的文字使用不同样式，格式（选中后更改）。

也有多种复杂的样式可供使用，比如可以书写公式角标和表格。

也可以勾选“以图片方式展现”。

但是也有一些局限：没有逐字出现动画；不支持“可编辑”属性。

三、组件用法

1.将鼠标移动到上方基础组件栏，文本的位置显示三种组件，选择第2个富文本组件，单击添加到页面。

2.双击段落框进行文本的输入，富文本组件的编辑面板会显示出来。

3.输入文字后，可以用编辑面板进行编辑，右侧的以图片方式显示，是为了防止在手机上格式有变化，将文字转换成图片。

4.如果不双击组件，那么出现的是这个快捷面板，可以设置简单的文字。

高级用法

1.富文本组件，如果将其文本框的尺寸高度变短，并且不勾选以图片方式显示，其中的内容是可以滑动的。

2.富文本组件也可以在其他位置设置段落或文字等样式。

3.富文本设置方程式的下标，比如我设置 P₂O₅