如何保留Gmail自动生成的布局类及事件代码以编辑模板图片

结论：直接存储这些class和对应JavaScript代码不可行 #

• Gmail生成的MHCHNe lCsUvc aog TbVst aoN这类class是会话绑定的动态标识，每次打开编辑器、刷新页面，这些class的后缀或完整值都会变化，硬套旧class到新元素上不会触发编辑弹窗。
• 触发「更换图片」弹窗的JavaScript是Gmail内部的闭包逻辑，依赖编辑器的全局上下文、元素的绑定状态（比如隐藏的元数据、事件监听），这些代码不会对外暴露，就算你通过浏览器控制台扒到片段，也无法在后续打开模板时复用——脱离Gmail的内部运行环境，代码根本执行不了。

可行的替代方案 #

• 用Gmail原生模板功能保存：别自己存纯HTML代码，直接用Gmail自带的「模板」功能（设置-高级-启用模板）保存编辑好的内容。这种方式会保留编辑器的内部状态，再次打开模板时图片依然是可编辑的img元素，不会被转成div。
• 编辑时手动替换图片容器：如果必须存HTML，每次打开模板后，把被转成div的图片容器删掉，重新在Gmail编辑器中插入原始图片，再调整到对应位置。
• 直接操作标准img标签：编写HTML模板时，用标准<img src="xxx" alt="xxx">标签，不要依赖Gmail生成的特殊class。在Gmail编辑器中打开HTML后，双击标准img标签，依然能触发「更换图片」的编辑弹窗，无需依赖那些动态class。

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