前言:
此时你们对“h5代码编辑器”大约比较关切,看官们都需要了解一些“h5代码编辑器”的相关文章。那么小编也在网摘上网罗了一些关于“h5代码编辑器””的相关内容,希望大家能喜欢,咱们一起来了解一下吧!简介:
h5ve-design是一款专注低代码平台工具,功能强大,高可扩展的HTML5可视化编辑器,致力于提供一套简单易用、高效创新、无限可能的解决方案。技术栈采用vue和javascript开发, 专注研发创新工具。
技术栈:
Vue2.x+Javascript+Element-ui
项目结构:
功能特点:
H5可视化编辑器包括的核心功能区有:组件区、画布区、顶部功能区
组件区
组件主要包括 常用组件, 媒体组件, 高级组件, 图表组件, 当然用户可以基于自身业务划分不同的分类, 组件规范,并进行组件的二次开发。
同时还提供了组件定制的能力, 让用户选择自己常用的组件, 这样用户可以更高效的搭建页面。
画布区
画布区可以动态调整画布大小来试试预览不同尺寸的样式, 也可以移动画布, 缩放画布来快捷的操作页面,以及刻度尺、辅助线、右键等功能。
顶部功能区
顶部功能区包括的功能有:缩放、导出、预览、保存、全屏、退出等。
应用场景:
低代码/无代码可视化设计工具、数据大屏工具、多媒体信息发布设计工具、H5设计工具、表单收集制作工具、活动页面制作工具、企业/个人微官网设计工具、宣传营销制作工具等
规划:
- 页面管理(复制,编辑, 删除, 新建)
- 组件动画
- 组件交互
- 撤销、重做
- 快捷键
- 模版库
- 微信分享
- h5ve-design Vue3版本
- h5ve-design Electron版本
演示地址:
开源地址:
Gitee:
Github:
标签: #h5代码编辑器