https://github.com/m-ryan/easyh5

可视化编辑器、h5编辑器
https://github.com/m-ryan/easyh5

drag-editor h5-editor template-builder visual-editor

Last synced: 5 months ago
JSON representation

可视化编辑器、h5编辑器

• Host: GitHub
• URL: https://github.com/m-ryan/easyh5
• Owner: m-Ryan
• Created: 2019-06-09T15:02:53.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2023-01-06T19:14:10.000Z (about 3 years ago)
• Last Synced: 2025-04-02T16:50:35.409Z (10 months ago)
• Topics: drag-editor, h5-editor, template-builder, visual-editor
• Language: TypeScript
• Homepage: http://h5.maocanhua.cn/
• Size: 4.92 MB
• Stars: 14
• Watchers: 4
• Forks: 3
• Open Issues: 13
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

          
## 声明

> 主要的面向对象是开发者。

> 解决的场景是 定义好一套组件好，可以通过拖拽生成页面，达到快速开发的效果

## 项目演示地址

- [https://h5.maocanhua.cn/](https://h5.maocanhua.cn/)

- 手机扫码预览效果

  


    

    

  


## 部分截图

 - ![图片1](https://assets.maocanhua.cn/FrsE2_5Dksv3YtOWdaiqv-bZcBaR)

 - ![图片1](https://assets.maocanhua.cn/Fnxhu6BPrkHYLFJgWQEJg1MmPCXv)

 - ![图片1](https://assets.maocanhua.cn/FvpQ6deo5tp946YBX3QMT3aOiSeZ)

## 项目结构

核心功能均在src目录，example目录只是作为一个使用示例

### 结构

![图片1](https://assets.maocanhua.cn/Fg5xzyOg1N0fwWaHNj5Z33CZkDHE)

```ts

data === Array

export type IPage = IBlockData<{

  title: string;

}>;

export const Page: IBlock = {

  name: '页面',

  type: BasicType.PAGE,

  Editor,

  Renderer,

  Panel,

  createInstance,

  validChildrenType: []

};

export interface IBlockData {

  style: Partial;

  type: BlockType;

  data: {

    value: T;

    link?: string;

    action?: string;

    variable?: string;

  };

  children: IBlockData[];

}

```