如何使用文本?


本篇会介绍文本的添加、修改、组合、动画、触发、使用技巧!

H5编辑器顶部可添加文本

一、文本样式设置

文本可修改样式:如图所示

字体、字号、颜色、加粗、斜体、下划线、删除线、4种对齐方式(左对齐、右对齐、居中对齐、分散对齐)、

一键切换横排&竖排、背景色、行间距、字间距、清除样式、透明度

二、文本操作:

单击选中,双击直接修改;

双击后鼠标点选部分文字,可对部分文字进行修改颜色字号等样式。

单击选中文本后,ctrl+c复制文本,ctrl+v粘贴文本

 

选中文本后,拖动即可移动位置;

点击旋转按钮 进行旋转

拖动边框,改变文本框大小

如图所示⬇️

 

多选操作:

单击选中一个文本后,按shift键,可同时选中多个文本

多选后可进行样式和动画的调整

 

快捷操作:

选中后单击鼠标右键可进行快捷设置,如图所示:

添加到我收藏的组件后,在其他页面或其他作品可直接调用收藏的文本

 

三、动画设置:

支持添加多个动画,动画更换、删除和预览

 

 

可设置进入、强调、退出动画

3种动画说明:

一般情况下只设置进入动画即可

进入+强调动画: 可突出关键信息(如电话号码等)

退出动画:设置退出动画后, 播放完动画,元素消失

文本特有的【文字动画】⬆️

可实现一个字一个字播放的效果!

 

四、触发设置

触发方式:点击和摇一摇

默认无触发,设置点击触发:即浏览作品时,点击文本后可直接跳转外链等效果(摇一摇同理)

触发效果:

跳转外链:直接向官网、直播间、下载app等引流

拨打电话:手机上可直接唤起拨号页面,客户不用输入号码,一键拨号

复制内容:可适用点击自动复制淘口令、网址等情况

跳转页面:例如点击后跳转报名页面

其他触发效果即是字面意思,很好理解。

 

五、其他细节设置:

边距设置:

功能设置可设置文本距离外边框的边距

如图所示:设置边距后效果⬇️

 

边框设置:

文字可添加边框,设置样式、颜色、尺寸、圆角,效果如图⬇️

选择边框样式⬇️8种样式任选

 

阴影设置:

可设置外阴影、内阴影的颜色、方向、模糊程度。下图为外阴影+模糊效果

 

尺寸和位置:

输入数值即可修改文本框尺寸、位置、旋转角度

 

 

 


H5 2024年2月5日 14:15 收藏文档