商品描述里的内联样式保存后全被清掉怎么办

现象#

在描述 HTML 视图里写了 <div style="background:#f5f5f5">，保存后前台只剩纯文本，灰色底块和 <style> 段整片消失。

原因#

• 富文本编辑器保存时按白名单过滤标签和属性，style、class、div 常被改写
• 从 Word 或其他站点粘贴会带入大量 span style，保存时被逐层剥离
• body_html 里的 script、iframe 会被移除，只保留少数媒体相关标签
• richtext 类型 metafield 存的是 JSON 结构，直接塞 HTML 不会渲染

处理步骤#

1. 点编辑器右上角代码按钮切到 HTML 视图，只保留段落、列表、表格、图片
2. 背景、圆角、间距这类样式移到 theme.css 或用 section 设置项
3. 需要按商品差异化时，把 class 名写进描述，再由主题 CSS 匹配
4. 富文本 metafield 用 {{ product.metafields.custom.details | metafield_tag }} 输出
5. 改完在商品页查看源码，确认 style 片段没有残留

验收标准#

前台源码里能看到目标段落标签，颜色与间距由主题 CSS 生效，再保存一次后台不被清空。