如何将InDesign文件中所有对象映射至XML并导出含固定唯一ID的HTML

刚好我之前处理过类似的需求，要实现InDesign文件导出带唯一且持久data-id属性的HTML，得结合XML映射、自定义脚本和导出配置来完成，一步步拆解给你：

1. 给InDesign对象绑定XML结构 #

首先得给需要导出的块级元素（段落、文本框、图片等）建立XML映射，这是后续带属性导出的基础：

• 打开InDesign的结构面板（路径：Window > Utilities > Structure）
• 给每个目标元素分配对应的XML标签：比如选中段落文本，在结构面板右键选择「应用标签」，创建并选择<p>标签；文本框可以用<div>，图片用<img>。也可以直接把面板里的标签拖到对象上快速绑定。
• 确保所有需要带data-id的元素都有对应的XML标签，不要遗漏。

2. 生成并嵌入持久化的唯一data-id #

核心要求是ID不受内容修改影响，所以不能用文本内容生成，得用InDesign元素的内部唯一标识或者自定义固定值：

自动生成（推荐，适合大量元素） #

写个简单的InDesign JS脚本，遍历所有绑定了XML标签的元素，自动给它们添加data-id属性：

// InDesign JavaScript脚本：为XML元素添加持久化唯一data-id
var activeDoc = app.activeDocument;
// 获取所有XML元素
var allXmlElements = activeDoc.xmlElements.everyItem().getElements();

for (var i = 0; i < allXmlElements.length; i++) {
    var currentElem = allXmlElements[i];
    // 跳过根XML元素，只处理子级块元素
    if (currentElem.parent instanceof XMLElement && currentElem.parent !== activeDoc.xmlElements[0]) {
        // 用元素的内部ID作为data-id，这个ID是InDesign内置的，持久且唯一，元素不删除重建就不会变
        var persistentId = currentElem.id.toString();
        // 给XML元素添加data-id属性
        currentElem.attributes.add("data-id", persistentId);
    }
}

• 运行脚本：打开InDesign的脚本面板（Window > Utilities > Scripts），把这个脚本存成.jsx文件拖进去，双击运行即可。
• 验证：选中结构面板里的元素，打开属性面板（Window > Attributes），就能看到已经添加的data-id属性。

手动添加（适合少量元素） #

如果元素不多，也可以手动操作：

1. 在结构面板选中目标XML元素
2. 打开属性面板，点击「添加属性」按钮
3. 输入属性名data-id，再输入一个唯一值（比如UUID生成的字符串），确认后就绑定好了。

3. 配置HTML导出，确保data-id被保留 #

最后一步是导出HTML时把XML属性带进去：

1. 打开导出对话框（File > Export），选择格式为HTML，点击保存
2. 在导出设置窗口切换到「结构」标签：
   • 勾选「使用XML结构」
   • 务必勾选「导出XML属性」，这样data-id才会被写入HTML
3. 切换到「常规」标签，根据需求设置导出选项（比如是否导出图片、保留样式等）
4. 点击导出，生成的HTML就会像你示例里那样：

<p data-id="4j8w53">My first paragraph</p>
<p data-id="k39dh2">My second paragraph</p>

额外提示 #

• 只要元素本身不被删除重建，哪怕修改内容、移动位置，data-id都会一直保留（因为绑定的是元素的内部标识或者你手动设置的固定值）
• 如果需要嵌套的HTML结构，先在InDesign的结构面板里搭建好XML层级，导出的HTML会自动保留这个层级
• 脚本里的ID也可以换成自定义生成的随机字符串（比如Math.random().toString(36).slice(2,10) + Math.random().toString(36).slice(2,10)），只要保证唯一就行

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