@standhigher/react-email-editor

English | 简体中文

把内容拖进画布，调整邮件外观，预览后保存为可继续编辑的 JSON 或导出邮件 HTML。

模块架构图

查看高清架构图 · 可编辑 SVG

安装与最小接入

需要 React 18 和 React DOM 18；包提供 ESM 和 TypeScript 类型。

npm install @standhigher/react-email-editor

import { EmailEditor, useEmailEditor } from "@standhigher/react-email-editor";
import "@standhigher/react-email-editor/styles.css";

export function EmailPage() {
  const editor = useEmailEditor();
  return <EmailEditor editor={editor} height={720} />;
}

本地启动

推荐 Node.js 24 LTS（.nvmrc；完整测试最低需要 22.18）：

npm install
npm run dev

打开 http://localhost:5173，已有服务时优先复用。构建与校验命令见 API 文档的开发说明。

文档

• API 参考：所有公共导出、参数、默认值与类型。
• 基础场景：初始内容、保存恢复、主体样式、变量及预览。
• 模板预览与自定义引擎。
• 复杂场景：校验后保存、多实例、自定义区块、多区域编辑、资源适配与独立导出。
• 自定义区块指南：控件、插件和渲染工具的完整说明。
• 发布指南：发布包校验与本地手动发布。
• 更新记录。