https://github.com/alvin-liu/h5editor

仿易企秀类h5页面编辑工具（不再维护）
https://github.com/alvin-liu/h5editor

editor h5 h5editor h5tool hypefolio mobile screen vue

Last synced: 9 days ago
JSON representation

仿易企秀类h5页面编辑工具（不再维护）

• Host: GitHub
• URL: https://github.com/alvin-liu/h5editor
• Owner: Alvin-Liu
• Created: 2017-12-11T14:34:43.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2022-12-10T14:50:36.000Z (about 2 years ago)
• Last Synced: 2025-01-16T18:25:21.675Z (17 days ago)
• Topics: editor, h5, h5editor, h5tool, hypefolio, mobile, screen, vue
• Language: Vue
• Homepage:
• Size: 11.3 MB
• Stars: 208
• Watchers: 16
• Forks: 66
• Open Issues: 16
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# h5editor

## 简介

h5editor是一款可视化手机h5编辑器（微场景，主要上下全屏翻页，叫h5编辑器不是很准确，不过周围人都以为这样子的效果是h5的话，那它就是h5吧），它基于vue2、element-ui实现，主要功能模仿易企秀。

在线预览地址：[h5editor](https://alvin-liu.github.io/h5editor/ "DEMO")

注：仅为练习DEMO，请勿用于真实环境

## 效果截图

![](./doc/images/1.png)

![](./doc/images/2.png)

![](./doc/images/3.png)

## 主要功能

### 已实现功能

- 添加文字、图片组件

- 拖动、拉伸、旋转组件

- 修改样式

- 添加动画

- 增、删、改页面

- 添加音乐

- 保存到localStorage

- 预览效果

- 右键菜单

- 组件的删除

## 项目使用方法

1.克隆或者下载本项目：

```ssh

$ git clone https://github.com/Alvin-Liu/h5editor.git

```

2.安装模块依赖：

```ssh

npm install

```

3.启动服务：

```ssh

npm run dev

```

4.打包代码：

```ssh

npm run build

```

## 其他

这只是一个临时兴起的项目，开始于刚接触vue没多久的某年某月某一天，如果有任何想法，都欢迎加微信沟通，加微信时请备注：h5editor。

![](./doc/images/wechat.jpeg)