除了基本的转换之外，三个功能决定了您的 Elementor 页面最终有多整洁和可编辑：图标、图像和结构的处理方式。
1. 落入 Elementor 图标库的图标
如果您的 HTML 使用 Font Awesome 类（例如 <i class="fas fa-check"></i>），将图标选项设置为匹配 Elementor 图标库，每个图标就会变成一个真实、可编辑的图标，您可以从 Elementor 的图标选择器中替换它——而不是一个锁定的 SVG。
更棒的是：由图标 + 标题 + 简短文字组成的卡片会被转换为一个单独的图标框小部件。转换器会按名称匹配图标（使用图标的类名和卡片标题，例如“Reusable” → recycle），并继承图标大小、间距和字体排版。如果找不到匹配项，它会留空图标供您选择。
提示：自定义手绘 SVG 无法进入 Elementor 的图标控件，因此如果您想要库图标，请在源代码中使用 Font Awesome 类。
2. 图像：在 Elementor 中填充它们
AI 无法将真实的图像文件嵌入到 HTML 文本中，因此图像是最棘手的部分。最简单的途径：将图像选项设置为空图像占位符。每张图像变成一个空的槽位，每个槽位保留其 alt 文本作为标题——这样当您在 Elementor 中上传它们时，您就知道哪张图片对应哪个位置。
- 最佳做法：先将图像上传到媒体库，然后在 HTML 中使用这些
https://URL——它们导入时无需手动操作。 - 避免：Base64 内嵌图像和本地文件路径——转换器默认会将它们丢弃为空占位符。
3. 结构映射：导出前进行检查
打开结构映射标签页，可看到紧挨着实时预览的精确 Elementor 树。将鼠标悬停在任何行上，匹配的部分会在两侧高亮显示。
- 行上的目标图标设置了一个复制根——仅导出该块并丢弃外部容器。
- ✕ 图标将某部分从复制中排除（便于处理您不想要的零散元素）。
- 概览显示了有多少组件、嵌套深度以及置信度细分（直接/部分/保持为 HTML）。
在这里快速过一遍，就能在任何内容到达您的线上网站之前，捕获所有没有干净映射的内容。