本帖最后由 phoben 于 2024-7-2 11:36 编辑
"Unlayer邮件编辑器"是一个功能强大且易于使用的邮件编辑器插件,由 Unlayer 团队开发、超哥二开封装,基于Vue框架。
经过一段时间的投入使用和测试,现在可以放心的给大家放出这个插件。
Unlayer是一个成熟的自定义邮件模板设计解决方案,这次超哥给大家做了精细的二开和封装
先给大家看几个HTML邮件效果
我们经常收到一些大厂的邮件,它们都非常规范、漂亮,但是在活字格里,想要做出这样的邮件页面,是非常困难的。
超哥在之前的项目中,也尝试过使用Tiny编辑器、HTML编辑器、活字格页面导出.... 结果效果都不尽人意
主要原因,在于客户使用的邮件客户端种类非常多,有OutLook、FoxMail、QQ邮箱、网易邮箱、各种第三方客户端等等...
无论你本地编辑多好看的HTML,到了对方哪儿,就面目全非,这是因为不同的客户端使用的HTML渲染内核浏览器不同导致的。
Unlayer很好的解决了这个问题,因为它就是为了邮件而生,它能确保编辑出来的页面HTML代码,在所有邮件客户端都有一致的效果。
这是Unlayer的设计器界面
这是实际收到的效果
模板参数支持
内置AI
主要功能 - 拖放式设计:允许用户通过简单的拖放操作来创建复杂的邮件布局,无需编写代码。
- 模块化组件:提供多种预设的内容模块,如文本、图片、按钮、视频等,用户可以组合使用,快速生成邮件内容。
- 实时预览:用户可以在编辑过程中实时预览邮件的最终效果,所见即所得。
- 导出与导入:支持导出和导入邮件模板的 HTML 代码和 JSON 格式,方便模板的复用和分享。
- 支持模板参数:开发者可以根据业务需求,预先定义好模板参数。
- 邮件模板管理:提供对邮件模板的创建、编辑、删除、保存和加载功能。
特点优势- 简单易用:通过直观的拖放界面,降低了邮件制作的难度,无需编写复杂的 HTML 和 CSS 代码,即可设计出专业的邮件模板。
- 高度灵活:丰富的预设模块,以及对自定义模块的支持,能够满足各种邮件设计需求。
- 跨设备兼容:编辑器生成的邮件模板在不同设备和邮件客户端中都能良好显示,保证邮件的阅读体验。
- 实时反馈:所见即所得的实时预览功能,使用户可以快速调整设计,提高制作效率。
- 无缝对接活字格:与活字格各项API实现对接,支持图片自动上传、运行时命令、嵌入式单元格类型等。
最佳实践- 在活字格中建立数据表,用来存储用户设计的模板,字段包括:模板名称、模板数据、HTML数据、模板标签....;
- 使用Mustache(或其他)模板引擎的语法,创建模板标签,用户只需要页面点击使用即可;
- 发送邮件前对Mustache模板参数进行替换,例如:{{姓名}}替换成"超哥";
|