md- to- react- 邮件

读取文档 这里

说明

md- to- react-email 是用于转换的轻量级工具 标记 可用于下列目的的有效JSX 回复电子邮件 或者说 JSX电子邮件 模板。 这个工具通过利用React和Markdown的力量,简化了创建响应和自定义的电子邮件模板的过程.

说明: 从 version 4, (中文(简体) ), md-to-react-email 用途 Marked 用于平分转换。 查看所有更改 这里

支助

支持下面的下标口味

• 外加减价口味

安装

从命令行安装 .

用纱线

yarn add md-to-react-email

与 npm 关系

npm install md-to-react-email

特征

函数 :

• camelToKebabCase: 从骆驼箱将字符串 ['This IsCamelCase'] 转换为kebab case ['This-is-kebab- case']
• parseCssInJsToInlineCss: 将 Css 样式由 cs- in- js 转换为内置 css 如: 字体Size : "18px" QQ字体大小: 18px;
• parseMarkdownToJSX: 为客户端(即浏览器)将标记降为有效的 JSX

组件 :

• EmailMarkdown: 反应元件,在标记下输入并直接在代码基中解析

用法 :

• 直接作为 React-email 或者说 JSX-email 组件

    ```
    import {EmailMarkdown} from "md-to-react-email"
  
    export default function EmailTemplate() {
    return (
            <Email>
                    <Head />
                    <Section>
                    <EmailMarkdown markdown={`# Hello, World!`} />
                    </Section>
            </Email>
    )
    }
    ```
  

• 直接输入反应电子邮件模板

    ```
    import {parseMarkdownToJSX} from "md-to-react-email"
  
    const markdown = `# Hello World`
    const parsedReactMail = parseMarkdownToJSX({markdown})
  
    console.log(parsedReactMail) // `<h1 style="...valid inline CSS...">Hello, World!</h1>`
    ```
  

构成部分

md-to-react-email包含电子邮件模板结构和造型的预定义反应和html组件. 您可以修改这些组件以自定义您的电子邮件模板的外观和感觉 .

以下组件可供定制:

• 标题 (h1 - h6)
• 块引用
• 案文:段落、粗体和斜体文本
• 链接
• 代码:代码块和内置代码
• 列表: ul, ol, li
• 图像
• 换行( br)
• 水平规则( r)
• 表格:表、图、图、图
• 切换

支持的电子邮件客户端

提供的React组件和默认的外形设计是为了在各种电子邮件客户端和提供商之间很好地发挥作用. 然而,由于不同电子邮件客户端对现代网络标准的支持不一致,建议在多个客户端中测试您的电子邮件模板以确保兼容性.

已知支持以下电子邮件客户端:

• 邮件
• 苹果邮件
• 展望(桌面和网络)
• 雅虎邮件
• 嘿,邮件
• 超级人类

Gmail 邮件	苹果邮件QQ	展望	亚虎! 邮件QQ	哎哟哟	超级人类

捐款

欢迎向md-to-react-mail捐款! 如果您找到错误,有改进建议,或者想要添加新的特性,可以随意打开一个问题或提交拉出请求. 请遵循现有的编码样式和惯例 .

在提交拉力请求时,提供对所做出更改的清晰描述并确保所有测试通过. 加入对新特性或错误修正的适当测试受到高度赞赏.

错误和特性请求

对于错误和特性请求, 请创建一个问题。 。 。 .

作者

• 保罗·艾克赫门(Paul Ehikhuemen)@paoule 我(中文(简体) )

许可证

md-to-react-email 根据麻省理工学院的许可证颁发执照.