Mailchimp替换Content Studio图片时CSS属性丢失的解决方案咨询

以下是几种可行的解决方法：

• 将样式迁移至父容器
  把控制尺寸的样式（如max-width:600px）放到img的父级div中，让mc:edit仅控制图片本身的src等属性，避免替换时影响容器样式：

  <div style="margin: auto; padding: 0; max-width: 600px; width: 100%;">
    <img src="link_to_img" style="display: block; width: 100%;" mc:edit="image1">
  </div>
  

  这样替换图片时，父容器的响应式样式会保持不变，img仅继承容器的尺寸限制。

• 使用mc:allowattribute锁定需要保留的样式
  在img标签上添加mc:allowattribute属性，明确指定要保留的style属性或具体样式项，防止Content Studio清除它们：

  <img src="link_to_img" 
  style="margin: auto; padding: 0; max-width: 600px; width: 100%; display: block" 
  mc:edit="image1"
  mc:allowattribute="style:margin,padding,max-width,width,display">
  

  这个属性会告诉编辑器，在修改该元素时必须保留这些样式规则。

• 配置Content Studio的编辑规则
  进入Content Studio的模板编辑后台，找到对应mc:edit="image1"的编辑区域配置，勾选「保留原有内联样式」选项，或者手动指定需要保留的样式属性列表。这样每次替换图片时，预设的样式会被自动保留。

内容的提问来源于stack exchange，提问作者fahrenheitx