转换旧版编辑器的电子邮件内容 converting-an-html-content

Last update: Fri Jul 19 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

主题：
电子邮件设计

创建对象：

中级
用户

开始使用Email Designer，并从在旧版编辑器中创建的电子邮件HTML构建可重用模板和片段。

通过此用例，您可以使用HTML电子邮件并将其分为Email Designer中的HTML组件，来创建电子邮件Designer模板。

NOTE

与兼容模式一样，HTML组件也可以使用有限的选项进行编辑：您只能执行就地编辑。

IMPORTANT

本节适用于熟悉HTML代码的高级用户。

准备电子邮件内容

选择HTML电子邮件。
确定用于划分HTML电子邮件的部分。
从HTML中剪下几个街区。

创建电子邮件结构

打开 Email Designer 以创建空的电子邮件内容。
设置正文级别属性：背景颜色、宽度等。有关更多信息，请参阅编辑电子邮件样式。
添加具有部分的结构组件，数量不限。有关更多信息，请参阅编辑电子邮件结构。

添加HTML内容

向每个结构组件中添加一个HTML组件。有关更多信息，请参阅添加片段和组件。
将HTML复制并粘贴到每个组件中。

管理电子邮件的样式 manage-the-style-of-your-email

切换到 Mobile view。有关更多信息，请参阅此小节。

要解决此问题，请切换到源代码模式，并将样式部分复制粘贴到新的样式部分中。例如：

code language-none

code language-none
`<style type="text/css"> a {text-decoration:none;} body {min-width:100% !important; margin:0 auto !important; padding:0 !important;} img {line-height:100%; text-decoration:none; -ms-interpolation-mode:bicubic;} ... </style>`

<style type="text/css">
a {text-decoration:none;}
body {min-width:100% !important; margin:0 auto !important; padding:0 !important;}
img {line-height:100%; text-decoration:none; -ms-interpolation-mode:bicubic;}
...
</style>

note note
NOTE
请确保将样式添加到其他自定义样式标记中。
请勿修改电子邮件Designer生成的CSS：
`<style data-name="default" type="text/css">(##)</style>` `<style data-name="supportIOS10" type="text/css">(##)</style>` `<style data-name="mediaIOS8" type="text/css">(##)</style>` `<style data-name="media-default-max-width-500px" type="text/css">(##)</style>` `<style data-name="media-default--webkit-min-device-pixel-ratio-0" type="text/css">(##)</style>`