电子邮件编辑器类似于 Campaign Monitor 或 Mailchimp 的编辑器？答案

【问题标题】：Email Editor Similar to Campaign Monitor or Mailchimp's editor?电子邮件编辑器类似于 Campaign Monitor 或 Mailchimp 的编辑器？
【发布时间】：2012-02-17 15:32:33
【问题描述】：

我正在寻找一个开源（或其他）php 脚本/库/代码，它将为我提供与 Mailchimp 和 Campaign Monitor 类似的电子邮件编写器。

我玩过很多所见即所得的编辑器（例如：tinymce、ckeditor），但是它们在允许用户撰写电子邮件方面效果不佳。

【问题讨论】：

您应该说明您正在搜索的特定功能以及现有编辑器为何不符合您的需求（前提是您已正确自定义它们）。
我也在寻找一个漂亮、丰富的 JavaScript 编辑器，类似于 Campaign Monitor 或 Mailchimp 的。目前正在使用 CKEditor，但它对于创建丰富的内容并不是很好。
这不是地方，但我确实需要发泄我对 Mailchimp 编辑器的不满 - 你不能禁用自动保存选项。我已经给他们发了电子邮件，但他们拒绝更改。 :-(

标签： email editor wysiwyg mailchimp

【解决方案1】：

无需编码即可构建模板的下一代工具

Grapejs official site

GrapesJS 是一个开源、多用途的 Web Builder 框架，它结合了不同的工具和功能，旨在帮助您（或您的应用程序的用户）构建 HTML 模板，而无需任何编码知识。它是替代常见的所见即所得编辑器的完美解决方案，这些编辑器适用于内容编辑，但不适合创建 HTML 结构。您可以在官方演示中看到它的实际效果，但使用它的 API，您可以构建自己的编辑器。

【讨论】：

【解决方案2】：

Mosaico 编辑器 是第一个此类 (AFAIK) 的开源电子邮件模板生成器。

您可以在http://mosaico.io 找到免费使用的部署（也可以作为现场演示），您可以在https://github.com/voidlabs/mosaico 获取源代码

我从“主模板”定义的集合中选择块，然后填充内容并以WYSIWYG 样式更改它们的样式。如果您在大窗口中，您还可以实时预览移动版本。

主模板定义了块是什么，您可以编辑什么以及您可以设置什么样式，并且它包含任何 html 技巧以使其与大多数客户端兼容：这意味着您可以通过简单地编写一个新的来改变编辑器的行为主模板。

它是 99% 的 javascript（IE10+ 和任何其他现代浏览器），并且仅依赖于服务器端函数来执行“最终内联”和“图像上传/调整大小”

【讨论】：

【解决方案3】：

我正在建造一个，但作为一名设计师，这是一项正在进行的工作！我建议查看PHP template engines。它们具有类似的功能。然而，大多数将在 html 页面中使用 php 变量而不是标签。

另一个选择是查看Perch，它是一个正式的 CMS，但非常轻量级，可能会为您完成工作。

希望在您发布问题一年后有所帮助...

编辑：实际上只是偶然发现了链接到新 CKEditor 的 this 线程 - 看起来很酷。

【讨论】：

需要注意的一点是他需要它来处理电子邮件。大多数所见即所得的文本编辑器都添加了
和内联样式的标签。例如，如果我在 TinyMCE 中添加字体颜色，它会使用带有内联样式属性的。大多数电子邮件程序只是简单地撕掉这些标签中的所有样式。他们实现的是旧的标签。那么如何配置这些编辑器（CKeditor、tinymce 等）输出标签而不是？
@Zeeshan Campaign Monitor 的编辑器真正专注于文本，通常您会将<multiline> 标签放在电子邮件模板<font> 标签中。使用相同的方式，您可以限制 CK 或 Tiny 编辑器上的选项，只允许直接输入文本并控制模板代码中的样式。
当然我可以限制用户只输入纯文本并在后端处理样式，但问题基本上是关于一个允许用户处理相同内容的编辑器。例如gmail的方式。我没有看过活动监视器，但 mailchimp 确实允许用户直接在编辑器中输入彩色文本。这也是我目前正在寻找的。span>
PS：他提到需要一个功能齐全、对电子邮件友好的所见即所得编辑器。
您也可以将彩色文本添加到 Campaign Monitors 编辑器。它使用在电子邮件中工作的跨度。据我所知，没有特定于电子邮件的所见即所得，因此您必须调整输出字符串以将其转换为电子邮件友好的 html。 PHP 在这方面效果很好，特别是因为提到的大多数所见即所得的解决方案都是基于 php 的。