进入H5活动编辑器,左侧为模板库、页面/弹窗管理区、元素库;顶部为高级功能区;中心为作品画布编辑器、辅助功能区;右侧为页面/元素设置区。


        1. 页面配置

在单个页面右侧序号下方,可对该页面进行上下移动、收藏、添加单页模板、复制、删除操作:

点击【添加页面】按钮,或每个页面底部的加号【+】按钮,均可增添空白页面;

点击【模板】图标,会弹出模板弹窗,点击可添加单页模板。

备注:作品弹窗除无法导入模板外,其他操作皆与作品页操作一致

2. 画布编辑区

在中心画布区,点击拖动底侧高度调节栏,可调整页面长度,页面尺寸最小为640*1008px,宽度固定为640px无法调节;

3. 辅助功能区

包括动画预览、标尺开关、参考线开关、网格开关、导入PSD、标尺、网格、参考线:

在画布右侧可进行撤销与恢复、快捷操作和属性标签、预览动效、显示标尺、显示参考线、显示网格、导入PSD。

PSD文件导入:http://bbs.rabbitpre.com/forum.php?mod=viewthread&tid=2134

4. 页面/元素设置区

可以在右侧面板设置页面或元素的的样式、动效和触发事件:

点击画布空白处,展示出的是背景设置、翻页设置及触发设置,若点击不同的元素,该界面为切换成相应的元素设置界面。

5. 高级功能区

以一种步骤导航的形式,让用户在进行活动设置的过程中更有序,从基础的触发设置、表单设置,到较为复杂的玩法设置、流程策略,最后是预览设置。

6. 图层面板

支持根据类型、属性对元素/组件进行筛选,可以更方便地找到对应的图层;

图层左侧眼睛按钮为隐藏/显示该图层;

右键点击某个图层,可进行锁定/解锁、启用/禁用、隐藏、删除、上移/下移、置顶/置底操作,也可直接在画布区右键点击对应元素,进行图层设置与删除。

7. 工具

点击打开「工具面板」,包含四种工具:

1)素材转链接:支持将本地图片/音乐/视频转化为含有本平台CDN地址的链接,确保文件正常打开。

2)文本样式管理:支持预设多种常用的文本样式,快速应用于作品中的各种文本元素。

3)自定义变量:

4)消息通知管理:可以使用消息通知高效触达用户,实时发送活动关键节点提醒