编辑器介绍
通过拖拉拽生成漂亮的HTML页面，并支持各种动画效果、 黑暗模式、国际化。可用于制作各类邀请函、请柬、活动宣传页面等。可生成纯html5页面，兼容所有主流浏览器，小程序等。
主要技术栈
vite: 4.4.5
vue: 3.3.4
vue-router: 4.2.5
pinia: 2.1.6
element-plus: 2.3.14
axios: 1.5.0
详见源码package.json文件
体验
github源码地址：
https://github.com/jiwaiwai-loading/h5-editor
功能介绍
图示1：菜单选项。在这里点击菜单选择添加不同类型的素材，包括图片、背景、音乐、地图、特效等。
-
图示2：素材列表。点击或拖拽相应的素材，将素材添加到图示4的模板制作区。
-
图示3：样式选择区。选择相应的样式可改变素材的外观、形状、大小、颜色等。
-
图示4：制作区。通过拖拉拽，选择不同的样式可视化制作你想要的html模板。
-
图示5：添加动画。提供各种常用的动画，选择相应的动画立马就可查看效果。
-
图示6：图层选择。这里可快速选择相应的素材，拖动素材即可改变素材的层级。
-
图示7：页面选择。选择要编辑的页面，还可以添加、复制、移动、删除页面。
-
图示8：常用操作。这里可对编辑器进行常用操作，如撤销、恢复、复制、删除、添加文字、缩放编辑器、添加参考线、预览、保存等操作。
-
图示9：这里可设置黑暗模式、语言、与登录退出操作。
-
图示10：这里可打开编辑器操作指引与反馈建议。
关注我，后面会对编辑器功能点进行源码讲解，一起学习指正。
原创文章，作者：网络技术联盟站，如若转载，请注明出处：https://www.sudun.com/ask/49805.html
