.

2.富文本组件

Dre发表于:2016年07月17日 17:45:24更新于:2019年05月06日 14:31:24

视频教程

一、案例效果

0015caeba6ba11ad84129f4c1dd008d


二、应用场景

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

支持同一个组件内的文字使用不同样式,格式(选中后更改)。

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

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

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


三、组件用法

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

0015caebd1cc3bb33ea04c3cfe5675b


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

0015caebded6d3486e9b9c7da519f09


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

0015caebe63c1607a253926dab29e3e



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

001578b4cff66333197b0a71a023e3d


高级用法

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

0015caed241b6f8cd65ca8ff7545760


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

0015caed885a131db507e8bf639485d


回复(1)