MailChimp可编辑样式无法正常工作

Question

我已经使用Foundation for Emails为MailChimp创建了自定义电子邮件模板，但在MC设计编辑器中无法使样式变得可编辑时遇到了麻烦。

尤其是，我试图允许用户选择背景图像，大小，位置等。下面是来自MC代码编辑器的代码，此处https://mailchimp.com/help/create-editable-styles-with-mailchimps-template-language/

是根据每个文档的可编辑文本选择的摘录

/** * @tab Text Left - Woman Right * */
#block3 {
  /*@editable*/background-color: #aadcd9;
  /*@editable*/background-repeat: no-repeat;
  /*@editable*/background-image: url(https://gallery.mailchimp.com/fc31b2428ed7d37eaa3482323/images/c48fde23-3241-420f-bbcb-723abbe08a90.jpg);
  /*@editable*/background-size: 550px;
  /*@editable*/background-position: top right;
}

/** * @tab Woman Left - Text Right * */
#block4 {
  /*@editable*/background-repeat: no-repeat;
  /*@editable*/background-image: url(https://gallery.mailchimp.com/fc31b2428ed7d37eaa3482323/images/e1f32bfa-9396-4d6a-a3f0-9342bb10240a.jpg);
  /*@editable*/background-size: 500px;
  /*@editable*/background-position: top left;
}

/** * @tab Woman Left Two Thirds - Text Right * */
#block6 {
  /*@editable*/background-repeat: no-repeat;
  /*@editable*/background-image: url(https://gallery.mailchimp.com/fc31b2428ed7d37eaa3482323/images/d8db85ce-ac18-4de3-afa6-53f3c05d3c3e.jpg);
  /*@editable*/background-size: 550px;
  /*@editable*/background-position: top left;
}

/** * @tab Product Left - Text Right * */
#block7 {
  /*@editable*/background-repeat: no-repeat;
  /*@editable*/background-image: url(https://gallery.mailchimp.com/fc31b2428ed7d37eaa3482323/images/cd661b65-acab-4d7a-9edb-2e62c6ea48e3.jpg);
  /*@editable*/background-size: 580px;
  /*@editable*/background-position: top left;
}

/** * @tab Text Left - Text Right * */
#block8 {
    /*@editable*/background-repeat: no-repeat;
    /*@editable*/background-image: url(https://gallery.mailchimp.com/fc31b2428ed7d37eaa3482323/images/efa37208-b9a0-4820-832c-3736e783ce8b.jpg);
    /*@editable*/background-size: 580px;
    /*@editable*/background-position: top left;
}

/** * @tab Tip Headline * */
#block9 {
  /*@editable*/background-repeat: no-repeat;
  /*@editable*/background-image: url(https://gallery.mailchimp.com/fc31b2428ed7d37eaa3482323/images/e4f96f6b-2986-474c-a37e-e42ae9f9f2b6.jpg);
  /*@editable*/background-size: 580px;
  /*@editable*/background-position: top left;
  /*@editable*/height: 370px;
}

HTML内容块包括标记...

<div mc:repeatable="block" mc:variant="Text Left - Woman Right">
                  <!-- Text Left - Woman Right -->
                  <div id="block3" style="background-color:#aadcd9;background-image:url('https://gallery.mailchimp.com/fc31b2428ed7d37eaa3482323/images/c48fde23-3241-420f-bbcb-723abbe08a90.jpg');background-position:right top;background-repeat:no-repeat;background-size:550px;">
                    <table class="row" style="border-collapse:collapse;border-spacing:0;display:table;padding:0;position:relative;text-align:left;vertical-align:top;width:100%;">
                      <tbody>

等...

这是MC编辑器中显示的选项卡

由于某种原因，第一个块（上面的第一张图片）按原样显示了编辑器，而第二个块（第二张图片）没有显示。 MC设计编辑器中的更改也不会反映在电子邮件模板预览中。有什么想法吗？

谢谢