对于我的一位客户,我一直在为他的客户开发邮件系统。他的客户一直在他们的商店中收集电子邮件地址,并希望开始偶尔使用这些地址进行邮寄。
我知道所有可能出错的事情,但据我所知,我们已经尽了最大努力解决了这个问题。我们使用 SMTP(经过身份验证)向客户发送电子邮件,电子邮件在服务器端签名,我们每 5 分钟最多拆分 25 封邮件,将标头发送到选择退出位置等。可以想象这只是我必须处理的所有事情的冰山一角..但我警告我的客户,他可能更好地使用 MailChimp 这样的现有应用程序,但他坚持自己做。
在我们的测试版开发完成后,我们进行了一些测试,事实上一切都进展顺利。没有任何垃圾邮件文件夹问题,所有邮件都可以在不同的客户端中阅读,等等。
但是,有一件事现在有点困难..编辑!我们正在为客户创建模板(1 个模板,6 种样式)。我们的客户可以将它们加载到他们的编辑器中并编辑其中的文本。据我们(和客户)所见,一切进展顺利,但是 - 编辑器不会创建电子邮件友好的 HTML 代码(我应该知道......)
我在网上搜索了一些文章/操作方法,但关于此的内容确实很少。
目前我们正在使用
CKEditor
(编辑器)和 KCFinder
(图像插件)。据我所知,CKEditor 是最好的免费 WYSIWYG...但它对于电子邮件编辑有什么好处吗?
我注意到一些公司使用自定义编辑器(MailChimp),其他公司则使用 TinyMCE(Enormail.eu)。
大家有好的推荐吗?或者 CKeditor 是最好的选择,但我需要修改一些设置才能获得最佳的邮件 html 代码吗?
提前致谢!
我对此做了一些研究,因为我也对使用 CKEditor 进行基于电子邮件的编辑感兴趣。
一般来说,CKEditor是最好的所见即所得的网页编辑器,但是你必须使用一些在HTML页面中通常不使用的技术。
由于您使用模板(我猜是 CKEdtior 的
config.templates
),您的大部分优化将在您的模板中进行,而不是 CKEditor 的无配置。
这些是主要目标:
不要使用
<style>
标签 - 相反,使用内联样式(style
属性)。有些网络邮件阅读器无法读取此标签。请勿使用
config.fullPage = true;
,因为有些读者不会阅读<body>
标签。不要使用
<body>
、<div>
和其他用于布局的标签,而是使用表格。是的,这种技术很旧,但是通过这样做,您可以确保(几乎)所有读者都能正确呈现页面。不要将样式应用于 <body>
标签,而是将这些样式应用于主 <table>
标签。不要使用绝对定位。表格也可以参与解决方案。
对于所有图像 - 插入
alt
属性,和 对于所有宽度和高度优化,不要使用基于 CSS 的宽度和高度。我的意思是 - 而不是 <img style="width: 100px;" />
使用 <img width="100px" />
。此外,重要的事情之一是自定义和优化输出格式。我个人至少在
breakAfterOpen : true
里面改变writer.setRules('p')
。
CKEditor 是最流行的 WYSIWYG 基于 Web 的 HTML 编辑器,我想没有其他基于 Web 的电子邮件编辑器了。
我能想到的另一件事是,当您的客户写完消息后,他可以选择在一些流行的邮件客户端中预览消息。有很多电子邮件测试和预览工具,但不幸的是我没有找到任何免费的工具。
我真的希望它能帮助别人!