# ldesign-mail-editor

**Repository Path**: ldesign-v1/ldesign-mail-editor

## Basic Information

- **Project Name**: ldesign-mail-editor
- **Description**: ??????? - HTML??????????
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-03-12
- **Last Updated**: 2026-04-10

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# @ldesign/mail-editor

> 邮件模板编辑器 — 支持 HTML 邮件的拖拽式可视化编排，内置常用邮件模块和模板。

## ✨ 特性

- **拖拽编排** — 文本、图片、按钮、分隔符等模块拖拽排版
- **富文本编辑** — 所见即所得的文本编辑
- **模块库** — 内置 Header、Footer、Product、CTA 等常用邮件模块
- **模板系统** — 预置邮件模板，快速开始
- **HTML 导出** — 输出兼容各邮件客户端的 HTML
- **预览** — 实时预览邮件效果
- **Vue 集成** — 提供 Vue 组件

## 📦 安装

```bash
pnpm add @ldesign/mail-editor
```

## 🚀 快速开始

```vue
<script setup>
import { MailEditor } from '@ldesign/mail-editor-vue'
</script>

<template>
  <MailEditor
    :modules="['header', 'text', 'image', 'button', 'divider', 'footer']"
    @export="onExport"
  />
</template>
```

## 📖 API

| 方法 | 说明 |
|------|------|
| `getHTML()` | 获取导出的 HTML |
| `getJSON()` | 获取编辑器 JSON 数据 |
| `loadTemplate(template)` | 加载模板 |
| `addModule(type, config)` | 添加模块 |
| `destroy()` | 销毁实例 |

## 📄 License

MIT © LDesign Team