电子邮件模板编辑器类似于Campaign Monitor

Question

我需要像Campaign Monitor一样使用类似的电子邮件模板编辑器（http://www.campaignmonitor.com/templates/）。我尝试了很多所见即所得的编辑器，但它并不像我想的那样工作。

您知道使用了哪些技术吗？我不知道如何编辑一个会在右侧编辑内容的面板。

如果你有一些提示，好的资源，文章，我会很高兴的！

提前谢谢！

Answer 1

我自己一直在研究这个问题，因为我们的CMS正在重建，需要更好的WYSIWYG编辑器。他们使用CKEditor http://www.ckeditor.com

的大量修改版本

CKEditor有一个测试版4，支持在线编辑（我们需要的东西），所以我会密切关注这个。演示在http://nightly-v4.ckeditor.com/3466/samples/

Answer 2

他们的技术是专有的。在过去的几年中，每个ESP都创建了自己的编辑器。

Mosaico编辑是此课程中第一个开源电子邮件模板构建器。

您可以在http://mosaico.io找到免费使用的部署（也可以作为实时演示），您可以在https://github.com/voidlabs/mosaico

获取来源

您可以从“主模板”定义的集合中选择块，然后填写内容并以 WYSIWYG 样式更改其样式。如果你在一个大窗口，你也可以有移动版本的实时预览。

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

这是99％的javascript（IE10 +，以及任何其他现代浏览器），并依赖于服务器端功能，只做“最终内联”和“图像上传/调整大小”