email - 为基于 Web 的电子邮件应用程序调整 WYSIWYG 编辑器

Question

我有一个电子邮件发送 Web 应用程序，对于文本格式，我需要为电子邮件正文实现所见即所得的编辑器。我尝试过 Tinymce 和 fckeditor，但这些编辑器的主要问题是它们输出 <div>和 <span>带有内联样式的标签。大多数电子邮件客户端(如 outlook 甚至 gmail)只是简单地撕掉任何 css，因此它们没有用。

我继续使用 TinyMCE 并使用以下字体颜色配置:

<script>
    tinyMCE.init({
        theme_advanced_buttons1_add : "forecolor,backcolor",
        tinymce.init({selector:'textarea'});
    });
</script>

如上所述，我得到 <span style="font-color:#ff0000">Text here</span>当我尝试为文本的一部分添加红色时。这会被 Gmail 和 outlook 删除，接收者得到的是黑色文本。没有字体，没有字体颜色。邮件客户端理解的是旧的<font>标签。

我的问题:如何调整 tinymce(或 fckeditor)以输出 <font>标签而不是 <span> ？我在他们的文档中找不到有用的解决方案。如果有人可以推荐任何其他电子邮件友好的文本编辑器，这也会有所帮助。

类似的问题在这里但没有解决方案:Create a html wysiwyg editor for editing email templates

Answer 1

我知道这是一篇较旧的帖子，但当前版本的 TinyMCE 有一个 legacyoutput插件将做到这一点。只需使用此选项进行初始化:

tinymce.init({
    plugins: "legacyoutput"
});