用于邮寄的最佳 WYSIWYG 编辑器（或用于邮寄的最佳使用方式）答案

【问题标题】：Best WYSIWYG editor for mailing (or best way to use.. for mailing)用于邮寄的最佳 WYSIWYG 编辑器（或用于邮寄的最佳使用方式）
【发布时间】：2012-07-04 18:37:49
【问题描述】：

对于我的一个客户，我一直在为他的客户开发一个邮件系统。他的客户一直在他们的商店中收集电子邮件地址，并希望偶尔开始使用这些电子邮件地址。

我知道所有可能出错的事情，但据我所知，我们已经以最好的方式解决了它。我们使用 SMTP（经过身份验证）向客户发送电子邮件，电子邮件在服务器端签名，我们以每 5 分钟最多 25 封的方式拆分邮件，将标头发送到退出位置等。我可以想象这只是我必须照顾的所有事情的冰山一角。但我警告我的客户，他可能会更好地使用 MailChimp 等现有应用程序，但他坚持自己做。

在我们的测试版开发完成后，我们进行了一些测试，实际上一切都很顺利。没有任何垃圾邮件文件夹问题，所有邮件都可以在不同的客户端中阅读，等等。

但是，现在有点困难.. 编辑！我们正在为我们的客户创建模板（1 个模板，6 种样式）。我们的客户可以将这些加载到他们的编辑器中并编辑里面的文本。然而，就我们（和客户）所见，一切都很顺利 - 编辑器不会创建电子邮件友好的 HTML 代码（我应该知道...）

我已经在网上搜索了一些文章/操作方法，但是关于这方面的内容确实很少。

目前我们正在使用CKEditor（编辑器）和KCFinder（图像插件）。据我所知，CKEditor 是最好的免费 WYSIWYG 可用...但是它对电子邮件编辑有好处吗？

我注意到一些公司使用自定义编辑器 (MailChimp)，其他公司使用 TinyMCE (Enormail.eu)。

谁有好的推荐？或者 CKeditor 是最好的选择，但我是否需要修改一些设置以获得最佳的邮件 html 代码？

提前致谢！

【问题讨论】：

“电子邮件友好的 HTML 代码”到底是什么意思？
好吧，我自己也不是 100% 确定。我收到了“为电子邮件切片”的模板。基本上，据我所知，电子邮件模板是使用表格和内联 CSS 属性构建的。还;并非所有 CSS 都可以在电子邮件客户端中使用。如果可以的话，我会告诉你所有的区别，但不幸的是，电子邮件营销也不是我的事。目前我正在努力收集尽可能多的知识。

标签： php html ckeditor wysiwyg mailing-list

【解决方案1】：

我对此进行了一些研究，因为我也对使用 CKEditor 进行基于电子邮件的编辑感兴趣。

一般来说，CKEditor 是最好的 WYSIWYG 网页编辑器，但你必须使用一些通常在 HTML 页面中不使用的技术。

由于您使用模板（我猜是CKedtior 的config.templates），您的大部分优化将在您的模板中，而不是没有配置CKEditor。

以下是主要目标：

不要使用 <style> 标签 - 而是使用内联样式（style 属性）。一些网络邮件阅读器不阅读此标签。
不要使用config.fullPage = true;，因为有些读者不阅读<body>标签。
不要使用<body>、<div> 和其他用于布局的标签，而是使用表格。是的，这种技术已经过时了，但是通过这样做，您可以确保（几乎）所有读者都能正确呈现页面。不要将样式应用到<body> 标记，而是将这些样式应用于主<table> 标记。
不要使用绝对定位。表也可以参与解决方案。
对于所有图像 - 插入 alt 属性，和对于所有宽度和高度优化，不要使用基于 CSS 的宽度和高度。我的意思是 - 而不是 <img style="width: 100px;" /> 使用 <img width="100px" />。

另外，其中一件重要的事情，就是对output formatting进行自定义优化。我个人在writer.setRules('p') 中至少更改了breakAfterOpen : true。

CKEditor 是最流行的所见即所得的基于 Web 的 HTML 编辑器，我想没有其他基于 Web 的电子邮件编辑器。

我能想到的另一件事，是在您的客户写完他的邮件后，他将有一个选项可以在一些流行的邮件客户端中预览邮件。有很多电子邮件测试和预览工具，但不幸的是我没有找到任何免费的。

我真的希望它对某人有所帮助！

【讨论】：

提供的模板包括一个 html 和
标签。我还添加了fullPage=true，因为 CKEditor 在编辑时删除了
标签。交付的模板在

哦，我没有使用 config.templates。模板是电子邮件就绪的 HTML 文件。页面加载时将其作为内容加载到文本区域中（只需使用 file_get_contents() 或 PHP 中的类似函数）。

我怀疑 fullPage=true 不好，因为 - 例如 - CampaignMonitor 正在使用带有头部/身体标签的模板。禁用此功能将删除邮件的部分 CSS 和标头信息。

@PENDO ，<head> 标签是多余的，因为所有读者都看不到它。所有读者，或者至少是网络邮件，都必须在他们自己的页面内处理您的所有消息 - 所以除非他们使用<iframe>，否则标签不起作用，而在某些情况下可能不起作用读者。而不是，使用表格，并且应用于正文的所有样式都应应用于表格。只是一个问题 - 你为什么不使用内置模板服务？我希望您知道您可以自定义模板。 fullPage 不好只是因为和也不好。

我不知道内置模板服务。我会尽快调查此事。在错误测试和完善系统核心之前，客户更喜欢系统扩展（sigh..customers..）

【解决方案2】：

我在 webmail 上工作了三年。我可以试试tinyMCE、CKEditor 或Redactor。没有提供完美的解决方案。您仍然会遇到问题，您应该始终添加功能。有些太重、太慢、缺少功能。

我发现最有效的是 Gmail，但不幸的是，该代码不可用。

最好的解决方案是创建您的所见即所得。

更新

试试 FastMail 制作的Squire。

【讨论】：