商品内容与 HTML

Shopify 商品描述 HTML 清洗器

移除粘贴内容中的内联样式与不安全标记,同时保留商品描述所需的结构、链接和图片。

币种:不适用。此工具清理商品描述 HTML,不计算价格。

粘贴供应商 HTML

粘贴复制来的商品描述源码。输入内容只作为文本预览,不会在页面中执行或渲染。

0 个字符0 UTF-8 字节

清洗后的 Shopify HTML

输入时会即时更新。复制后粘贴到 Shopify,并检查主题中的实际展示。

0 UTF-8 字节

图片地址仍指向原有来源,工具不会把图片上传到 Shopify。请在自己的主题中预览保存后的描述。

所有解析都在当前浏览器中完成;工具不会上传或保存粘贴的商品描述。

清理复制来的商品 HTML,同时保留有用内容

供应商商品描述常带有字体声明、颜色、固定宽度和编辑器包装层,容易和店铺主题的排版冲突。这个浏览器端工具按明确的标签白名单重建内容:清除样式杂项与可执行内容,同时保留普通文案、列表、标题、安全链接和图片。

清洗器会保留和移除什么

结果会保留段落和标题(粘贴的 h1 会改为 h2,因为商品页模板通常已将商品标题设为主标题)、换行、有序与无序列表、强调文本、引用、分隔线、基础表格、链接和图片。对于 div、span、font 等常见布局或格式容器,会移除外层标签并保留其中的文本和受支持子元素,阅读顺序不变。

工具会移除 style、class、id、data-* 和事件处理属性,不会尝试猜测供应商样式是否安全。script、style、iframe、表单控件、嵌入媒体、SVG 等可执行或依赖主题的元素会连同内部内容一起删除。HTML 注释会移除;其他不支持但非活动的容器只解开包装,里面的文本仍会保留。

链接和商品图片如何处理

链接只保留安全的 href(HTTP、HTTPS、mailto、tel 或相对路径)和可选的 title。类似脚本的协议以及协议相对 URL 会移除;若链接没有安全地址,会保留文字并解开无效链接标签。图片只保留安全的 HTTP 或 HTTPS src、可选 alt 文本和合理尺寸;srcset、style、class 与对齐属性会清除。

保留图片地址不等于把图片复制到 Shopify Files。供应商图片可能有访问限制、临时失效、禁止外链,或无法正常提供给顾客。请将获准使用的图片上传到 Shopify 或自己的图床,替换地址,并在主题里检查 alt 文本和显示尺寸。

建议的清洗流程

从供应商或来源页面复制商品描述 HTML,粘贴到左侧输入框。查看字符数和 UTF-8 字节数,检查移除了多少属性、元素和注释,然后复制清洗结果。将结果粘贴到 Shopify 商品描述的 HTML 编辑器并保存商品。

分别在桌面和手机上预览商品页,检查标题层级、项目符号、链接、表格、图片加载和间距。工具会有意移除原始视觉样式;字体与留白应由 Shopify 主题统一控制。发布前还应按品牌语气改写商品内容,并核实规格,不要原样照搬制造商描述。

白名单结果不代表所有主题都能原样展示

清洗器只重建上文列出的元素和属性,比大范围正则替换更容易检查。未支持的容器会失去样式;视频嵌入、自定义按钮、内联颜色、响应式 srcset 图片和任意 data 属性都不会保留。需要这些功能时,应通过主题区块或 Shopify 支持的内容字段实现。

Shopify 富文本编辑器可能会修正或过滤标记,最终展示也取决于店铺主题。请把结果当作起点:先在测试商品中保存并查看前台;如果重要布局消失,再调整内容或主题。

处理范围、隐私与内容长度

解析和生成结果都在当前浏览器标签页内完成。工具不会连接 Shopify、读取店铺、上传图片或保存粘贴文本。字符数与 UTF-8 字节数只统计当前文本作参考;Shopify 的内容长度限制可能随商品字段、编辑器或 API 而异,请核对你实际使用的后台或集成所提示的限制。

这是格式清理辅助工具,不保证任意 HTML 在所有自定义主题或应用里都安全。不要用它保留脚本、跟踪像素、表单、结账控件或自定义嵌入。请检查链接和图片来源,并在批量用于商品目录前先做测试。

平台行为参考(2026 年 10 月核对): Shopify rich text editor guide · Shopify product details

Shopify HTML 清洗常见问题

这个工具会清除内联 CSS 吗?+

会。它会移除 style、class、id、data-* 和事件处理属性。div、span 等常见容器会解开包装,保留其中的文本和受支持子元素。粘贴的 h1 会改成 h2,让商品标题继续作为页面主标题。

链接和图片还能正常使用吗?+

安全的 HTTP、HTTPS、mailto、tel 和相对路径链接会保留。图片只有在具有安全的 HTTP 或 HTTPS src 时才会保留,也可保留 alt 文本和合理尺寸。工具不会托管或上传图片,请确认图片地址在店铺前台仍可访问。

脚本和嵌入式组件会被删除吗?+

会。script、style、iframe、object、embed、表单控件、SVG、媒体播放器等可执行或依赖主题的元素会连同内部内容一起删除。此工具面向商品描述文案,不适合处理交互组件。

清洗结果可以直接粘贴到 Shopify 吗?+

可以先粘贴到商品描述的 HTML 编辑器,保存后预览商品。Shopify 可能会规范化标记,最终排版由主题决定;保存后请检查链接、图片、标题、列表和手机端间距。

工具会执行 Shopify 的 HTML 长度限制吗?+

不会。页面显示字符数和 UTF-8 字节数供参考,但实际限制取决于使用的 Shopify 字段、编辑器或 API。请以自己的工作流程提示为准;此工具不会向 Shopify 提交内容。

清洗后的 HTML 保证兼容所有 Shopify 主题吗?+

不保证。工具会移除已知的活动内容,并仅保留少量标签和属性,但自定义主题和应用可能有不同的内容处理方式。请先检查结果并在店铺前台测试,再批量应用。

下一步

让商品页更清晰可信。

清爽排版只是一步;发布前还要核实商品信息、图片、链接与搜索摘要。查看全部工具