SVG交互排版导入公众号，用这2种方法不出错
交互失效，排版错乱……
已经完成的SVG交互排版，千万不要直接复制到公众号。因为SVG交互的特殊性，复制粘贴很可能会造成代码丢失，导致排版不能使用。
交互排版导入公众号的方式有2种，都挺简单，但如果想要尽可能完美地导入，有一些细节一定要注，比如：
1.在公众号后台先设置好图文封面、标题、摘要等，编辑好正文其他非交互内容（有的话），在SVG图文处预留空行，准备导入。
2.预览OK就不要动图文编辑页面内任何内容了，不要用鼠标点击正文的交互，容易触发交互效果，保存成触发后的形式。如果不小心触发，不要保存，重新导入。
3.预览的设备和推送时的保持一致，不要换人或换设备，推送前一定要预览2次以上，确保没问题再推送。
4.推送的时候，最好从微信公众号后台首页的近期编辑选择「群发」。
其他推送注意事项戳：《SVG 交互图文10大推送注意事项》
记住上述细节，我们再来看下2种方法的详细步骤。
方法一、使用浏览器插件导入
安装插件导入是一件一劳永逸的事情。
iPaiban Pro 小助手浏览器插件是 iPaiban Pro 黑科技编辑器的辅助工具，主要用来在公众号后台一键提取音频、视频、小程序、公众号和视频号的代码，以及清空图文和导入编辑器生成的图文代码，让排版更高效。
《「iPaiban Pro 小助手」浏览器插件v1.4下载&安装教程》
方法二、使用浏览器「检查」模式导入
第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（谷歌）浏览器打开，即可开始注册并使用。
转载请在文章开头和结尾显眼处标注：作者、出处和链接。不按规范转载侵权必究。
未经授权严禁转载，授权事宜请联系作者本人，侵权必究。
本文禁止转载，侵权必究。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权，侵权必究。
评论
评论
推荐评论
暂无评论哦，快来评论一下吧！
全部评论（0条）