交互失效，排版错乱……
已经完成的SVG交互排版，千万不要直接复制到公众号。因为SVG交互的特殊性，复制粘贴很可能会造成代码丢失，导致排版不能使用。
交互排版导入公众号的方式有2种，都挺简单，但如果想要尽可能完美地导入，有一些细节一定要注，比如：
1.在公众号后台先设置好图文封面、标题、摘要等，编辑好正文其他非交互内容（有的话），在SVG图文处预留空行，准备导入。
2.预览OK就不要动图文编辑页面内任何内容了，不要用鼠标点击正文的交互，容易触发交互效果，保存成触发后的形式。如果不小心触发，不要保存，重新导入。
3.预览的设备和推送时的保持一致，不要换人或换设备，推送前一定要预览2次以上，确保没问题再推送。
4.推送的时候，最好从微信公众号后台首页的近期编辑选择「群发」。
其他推送注意事项戳：《SVG 交互图文10大推送注意事项》
记住上述细节，我们再来看下2种方法的详细步骤。
方法一 使用浏览器插件导入
安装插件导入是一件一劳永逸的事情。
iPaiban Pro 小助手浏览器插件是 iPaiban Pro 黑科技编辑器的辅助工具，主要用来在公众号后台一键提取音频、视频、小程序、公众号和视频号的代码，以及清空图文和导入编辑器生成的图文代码，让排版更高效。
下载链接：
http://black-resource-1257307183.cos.ap-beijing.myqcloud.com/iPaiban%20Pro%20%E5%B0%8F%E5%8A%A9%E6%89%8B.zip
在电脑端复制上方链接，使用Chrome （谷歌）浏览器打开即可下载。安装本插件完全免费，不需要授权或登陆，也不会抓取数据，没有安全隐患。
导入代码分为清空导入、尾部导入和局部导入。
图文编辑区没有内容或者想要完全替换编辑区内容时，可选择清空导入。复制代码后，在图文编辑区打开小助手插件，点击「导入代码」，将代码粘贴到输入框中，接着点击「清空导入」就可以了。
图文编辑区有内容，想要在现有内容之后添加新内容时，可选择尾部导入。图文编辑区有内容，想要在现有内容中间某处添加新内容时，则要选择局部导入。
了解小助手更多功能教程，请点击：《iPaiban Pro 小助手浏览器插件使用指南》
方法二 使用浏览器「检查」模式导入
第1步：新建图文
在公众号后台新建一个图文，设置好标题、作者、封面图等信息。
第2步：打开浏览器「检查」模式
Windows系统快捷键F12，Mac系统快捷键Command+Option+i，或在页面空白处右键单击选择快捷菜单中的「检查」，打开图文编辑页面的「检查」模式。
部分浏览器的右键快捷菜单中为「审查元素」，这里强烈建议使用谷歌浏览器，对交互排版的兼容性最好。
如果该交互前后不需要添加内容，则直接在正文处输入一个1。
如果该交互前后有内容，则先编辑好前后内容，在该交互内容位置预留一个文字1。
第3步：确定代码位置
点击如下图红框位置小鼠标符号，然后移动鼠标到正文的文字1处。
紧接着点击鼠标，便确定到了控制该位置的代码，如下红框所示。
第4步：粘贴代码
在 iPaiban Pro 黑科技编辑器或收到的代码文档中复制代码，切换到公众号后台编辑界面，在上一步确定的代码处，右键选择「Edit as HTML」，然后删除原来内容，将代码粘贴进去。
点击代码区域外的任意位置，交互排版出现在图文中，然后点击保存，预览查看是否格式正常。注意，某些效果编辑器看到的格式可能会有异常，这是正常的，具体要看手机上的预览。
现在新用户注册登录iPaiban Pro 黑科技编辑器，在「新手礼包」可领取3天企业标准版会员体验权，以及22个常用必备组件的大礼包（1年）。
认准编辑器网址：x.iPaiban.com，复制网址在 PC 端 Chrome（谷歌）浏览器打开，即可开始创作SVG交互排版（又称公众号交互图文、互动图文、黑科技排版、互动式排版）
