WeEditor - 微信公众号编辑器 PRD

1. 产品定位

产品名称： WeEditor（微信编辑器）
目标用户： 公众号内容创作者
核心价值： 极简、专注、一键复制到公众号，支持图片自动上传

2. 核心功能需求

2.1 关键特性

• ✅ Markdown实时预览 - 左侧编辑，右侧即时预览
• ✅ 3种精选主题 - 紫色梦幻、珊瑚红、金色系
• ✅ 一键复制公众号格式 - 保持富文本样式直接粘贴
• ✅ 七牛云图床集成 - 粘贴图片自动上传
• ✅ 纯前端实现 - 单HTML文件，无需服务器

2.2 技术特性

• 零依赖： 原生JavaScript实现
• 响应式： 适配各种屏幕尺寸
• 轻量级： 单文件 < 50KB
• 快速加载： < 1秒完成初始化

3. 技术架构设计

┌─────────────────────────────────────────┐
│              weeditor.html              │
│  ┌─────────────┐    ┌─────────────────┐ │
│  │  编辑器区域  │    │    预览区域      │ │
│  │             │    │                 │ │
│  │ textarea    │───▶│  Markdown解析   │ │
│  │ (粘贴监听)   │    │  主题渲染       │ │
│  └─────────────┘    └─────────────────┘ │
│         │                       │        │
│         ▼                       ▼        │
│  ┌─────────────────────────────────────┐ │
│  │         控制面板                    │ │
│  │  主题选择  复制按钮  七牛配置       │ │
│  └─────────────────────────────────────┘ │
└─────────────────────────────────────────┘

4. 具体实现方案

4.1 文件架构（单文件）

weeditor.html                    # 主编辑器（包含所有功能）
├── 内嵌CSS样式 (<style>)
├── 内嵌JavaScript (<script>)  
├── 外部依赖：
│   ├── qiniu-js@3 (CDN)        # 七牛云上传SDK
│   └── crypto-js@4.2.0 (CDN)   # 加密库
└── 无需其他依赖

4.2 核心模块说明

• Markdown解析器： 自定义轻量级实现，支持公众号常用格式
• 主题系统： 三套完整内联样式模板
• 图片上传： 七牛云SDK + 本地Token生成
• 复制系统： 富文本HTML复制 + Markdown备选