@abdul778/page-editor 中文文档教程

Question

Easy email

Introduction

Easy email是基于MJML开发的，具有很好的兼容性。 同时，它可以通过拖放编辑生成代码。

Features:

• Drag and drop editor
• Can be converted into MJML, or generated through MJML
• Collect blocks and reuse them at other times
• Defined custom block
• Dynamic rendering

Video Overview
Watch video overview:https://www.bilibili.com/video/BV1YQ4y167bb

Live Demo

在此处查看现场演示：http://easy-email-m-ryan.vercel.app

Getting started

$ npm install --save easy-email-editor antd mjml-browser react-final-form

或

$ yarn add easy-email-editor antd mjml-browser react-final-form

import React from "react";
import { BlocksMap, EmailEditor, EmailEditorProvider } from "easy-email-editor";
import "easy-email-editor/lib/style.css";
import "antd/dist/antd.css";

const initialValues = {
  subject: "Welcome to Easy-email",
  subTitle: "Nice to meet you!",
  content: BlocksMap.getBlock("Page").create({}),
};

export function App() {
  return (
    <EmailEditorProvider data={initialValues}>
      {({ values }) => {
        return <EmailEditor height={"calc(100vh - 72px)"} />;
      }}
    </EmailEditorProvider>
  );
}

Docs

查看文档 获取指南和完整的 API 参考。

Examples

请参阅 https://github.com/m-Ryan/easy-email-demo

Development

$ git clone git@github.com:m-Ryan/easy-email.git
$ cd easy-email
$ yarn install

Start the dev server

$ yarn dev

License

MIT 许可证