找回密码
 立即注册

QQ登录

只需一步,快速开始

phoben 讲师达人认证 悬赏达人认证 活字格认证
论坛元老   /  发表于:2024-7-1 09:38  /   查看:88  /  回复:2
本帖最后由 phoben 于 2024-7-2 11:36 编辑
"Unlayer邮件编辑器"是一个功能强大且易于使用的邮件编辑器插件,由 Unlayer 团队开发、超哥二开封装,基于Vue框架。

插件下载地址:商品详情 (grapecity.com.cn)

经过一段时间的投入使用和测试,现在可以放心的给大家放出这个插件。
Unlayer是一个成熟的自定义邮件模板设计解决方案,这次超哥给大家做了精细的二开和封装



先给大家看几个HTML邮件效果
image.png482793883.png

image.png614429320.png


image.png983957214.png



我们经常收到一些大厂的邮件,它们都非常规范、漂亮,但是在活字格里,想要做出这样的邮件页面,是非常困难的。
超哥在之前的项目中,也尝试过使用Tiny编辑器、HTML编辑器、活字格页面导出.... 结果效果都不尽人意
主要原因,在于客户使用的邮件客户端种类非常多,有OutLook、FoxMail、QQ邮箱、网易邮箱、各种第三方客户端等等...

无论你本地编辑多好看的HTML,到了对方哪儿,就面目全非,这是因为不同的客户端使用的HTML渲染内核浏览器不同导致的。
Unlayer很好的解决了这个问题,因为它就是为了邮件而生,它能确保编辑出来的页面HTML代码,在所有邮件客户端都有一致的效果。

这是Unlayer的设计器界面
image.png970875244.png

这是实际收到的效果
image.png414393004.png

模板参数支持
image.png921568603.png

内置AI
image.png278437194.png

image.png907066650.png

主要功能
  • 拖放式设计:允许用户通过简单的拖放操作来创建复杂的邮件布局,无需编写代码。
  • 模块化组件:提供多种预设的内容模块,如文本、图片、按钮、视频等,用户可以组合使用,快速生成邮件内容。
  • 实时预览:用户可以在编辑过程中实时预览邮件的最终效果,所见即所得。
  • 导出与导入:支持导出和导入邮件模板的 HTML 代码和 JSON 格式,方便模板的复用和分享。
  • 支持模板参数:开发者可以根据业务需求,预先定义好模板参数。
  • 邮件模板管理:提供对邮件模板的创建、编辑、删除、保存和加载功能。


特点优势
  • 简单易用:通过直观的拖放界面,降低了邮件制作的难度,无需编写复杂的 HTML 和 CSS 代码,即可设计出专业的邮件模板。
  • 高度灵活:丰富的预设模块,以及对自定义模块的支持,能够满足各种邮件设计需求。
  • 跨设备兼容:编辑器生成的邮件模板在不同设备和邮件客户端中都能良好显示,保证邮件的阅读体验。
  • 实时反馈:所见即所得的实时预览功能,使用户可以快速调整设计,提高制作效率。
  • 无缝对接活字格:与活字格各项API实现对接,支持图片自动上传、运行时命令、嵌入式单元格类型等。


最佳实践
  • 在活字格中建立数据表,用来存储用户设计的模板,字段包括:模板名称、模板数据、HTML数据、模板标签....;
  • 使用Mustache(或其他)模板引擎的语法,创建模板标签,用户只需要页面点击使用即可;
  • 发送邮件前对Mustache模板参数进行替换,例如:{{姓名}}替换成"超哥";

Mustache模板引擎教程:教程传送门




2 个回复

倒序浏览
phoben讲师达人认证 悬赏达人认证 活字格认证
论坛元老   /  发表于:前天 10:14
沙发
占位:Mustache模板引擎教程
回复 使用道具 举报

高级会员   /  发表于:前天 13:51
板凳
我爱大佬
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部