如何使用ckeditor发送响应式电子邮件

时间:2018-03-03 20:23:23

标签: html ckeditor media-queries responsive

我正在使用ckeditor从网络服务器发送电子邮件。 但是,我如何才能使电子邮件的内容响应? 据我所知,所有"响应式电子邮件"我试过的模板开头:

<center>
   <table style="width: 100%">
      <tr>
         <td>
         Some content goes here...
         </td>
      </tr>
    </table>
</center>

我是否需要使用这样的媒体查询?

@media (max-width: 450px) {
   table {
    max-width: 360px;
   }
}

如果是这样的话:我必须把它们放在ckeditor的textarea中以便通过电子邮件发送?

1 个答案:

答案 0 :(得分:1)

如果单击工具栏中的按钮查看源,则可以在页面顶部添加样式标记。

CKEditor还允许您添加内联CSS。

但是要使这两个工作正常,你需要在ckeditor的config.js文件中启用allowedContent。

 config.allowedContent = true;

或者,您可以在启动CKEditor时启用allowedContent

<script>
        CKEDITOR.replace( 'text-area-id' );
        CKEDITOR.config.allowedContent = true;
</script>

以下是文档:https://docs.ckeditor.com/ckeditor4/latest/api/CKEDITOR_config.html