多应用+插件架构,代码干净,二开方便,首家独创一键云编译技术,文档视频完善,免费商用码云13.8K 广告
H5模板编辑器教程 1 、H5模板编辑器功能简介 H5模板编辑器将所有功能能可视化,降低用户的学习成本,便于快速上手使用。编辑器支持快速修改替换作品内的图片、视频、文字、超链接等操作,让用户可以直观的在作品内替换自己需要的元素,简单快捷的实现优质的动画效果。 H5模板编辑器可切换为专业版、简约版。可直接引用图片编辑器、视频编辑器编辑作品的素材。 2 、H5模板编辑器界面与舞台 H5模板编辑器操作界面分为菜单栏、内容选择栏、页面兰、舞台、动画控制栏、快捷操作栏、资源管理器及属性栏。 ![](https://img.kancloud.cn/0b/48/0b48a770b4d06ca8389cdeb7257d294c_1872x929.png) 3 、菜单栏 菜单栏包含 【选择模板】:可选择公有模板、我的模板、团队模板、我的作品目录下的作品 【另存为】:另存作品 【保存】:保存作品 【撤销】:后退一步 【重做】:前进一步 【查看发布地址】:跳转至发布页面 【编辑器切换】:切换专业版编辑器、简约版编辑器及模板编辑器 ![](https://img.kancloud.cn/ec/17/ec17d8fb326fae549edcff07711e09f8_1871x373.png) 4、 页面栏 用来进行页面切换删除、复制及预览操作。 4.1. 删除页面 把鼠标悬浮于页面缩略图上,点击浮现的\[-\]按钮,可删除当前页面。 ![](https://img.kancloud.cn/77/11/7711376924008428679b1eddeee791d5_546x240.png) 4.2. 预览当前页 把鼠标悬浮于页面缩略图上,点击浮现的预览按钮,可预览当前页面上的动画。 ![](https://img.kancloud.cn/b1/f0/b1f0842f4a48d4d8f7d56ef70f982413_658x238.png) 4.3. 复制页面 把鼠标悬浮于页面缩略图上,点击浮现的复制按钮,可复制当前页面。 ![](https://img.kancloud.cn/e3/70/e3701d3439805a25f1362ffe8615ba1a_677x229.png) 4.4. 编辑页名称 双击页名称,可修改、编辑每页的名称。如下图 ![](https://img.kancloud.cn/cd/61/cd616146809b2f9a61f6e282747c3c32_651x235.png) 4.5. 调整页面顺序 拖拽相应页面上下拖动,即可调整该页面的顺序。 ![](https://img.kancloud.cn/26/2a/262a5998bb6721c8157b5db73109bd06_367x589.png) 5 、舞台 “舞台”是整个界面的核心区域,位于界面的中央,是编辑、制作、播放动画的区域。在其周围,留有一定的编辑缓冲区域,该区域内的对象不会在最终的内容展示上出现,但是可以用来很方便的组织暂时不在舞台的对象。动画在“舞台”区域内制作和播放。 用户制作内容的时候,可以放大或者缩小舞台方便观察和操作,但不是改变舞台或物体的尺寸。展开界面右上角的百分比即可选择缩放舞台百分比,其中100%是显示舞台的实际大小。 ![](https://img.kancloud.cn/56/3f/563f23bdc842c67cb421578b3fb1de9a_666x473.png) 自适应模式,包括“宽度适配,垂直居中”、“高度适配,水平居中”等模式。“宽度适配,垂直居中”是默认的模式,以宽度来等比例放大缩小作品,以320宽度做的,那么在屏幕上显示就是320,通过改变作品的高,来适配观看的屏幕;“高度适配,水平居中”是以高度来等比例放大缩小作品,通过改变作品的宽,来适配观看的屏幕;“全屏”无论在什么屏幕播放,都会显示您作品的完整内容,但在观看的屏幕周边可能会出现空白。 ![](https://img.kancloud.cn/b4/86/b486e6293cc0d64e71b51fd29387c485_796x325.png) 适配手机尺寸。H5编辑器(简约版)可根据常用的手机型号设置作品尺寸,如iPhone、iPad、小米、三星等流行机型。 ![](https://img.kancloud.cn/11/ab/11ab1f2ad00bde38d5b67a0745c9cbd0_697x390.png) 6 、动画播放控制 可以便捷的播放动画,查看动画效果 ![](https://img.kancloud.cn/18/3a/183a319c257c66e671175cf3926aed23_1872x932.png) 7 、资源管理器 资源管理器能显示作品内的图片、文字、文本段落、音频、视频、链接、组件的使用情况,并可快捷进行更换、编辑的操作。方便用户直观的编辑作品。 ![](https://img.kancloud.cn/df/5d/df5da528380a63c2faccb47e869f155a_1872x927.png) 8 、属性设定 属性设定可设置作品在微信传播时,显示的标题和缩略图。包括作品名称、转发标题、转发缩略图、转发描述、转发放到朋友圈的标题等信息。 ![](https://img.kancloud.cn/bb/18/bb18bc45d07d8fa550270265f4dc8aef_364x528.png)