如何复制公众号SVG排版图文？
在知乎上有一个浏览量非常高的问题：如何复制公众号SVG排版文章？
看了下几乎没有答到点上的，这个问题也有许多小伙伴问过我，今天来给大家做个详细解答。
复制公众号SVG排版文章，可以分为两种情况：
一种是在第三方编辑器排好版，复制到公众号后台；
一种是已经发布的SVG图文，再次复制到自己的公众号后台。
没想到大多数小伙伴问的是第二种。
众所周知，因为SVG交互排版的特殊性，它不能像普通图文一样可以直接进行复制粘贴，否则会造成代码丢失，交互失效，排版错乱。
为了让交互效果不受改变的完美复制，我们需要进行图文代码的转移。那这两种情况具体应该怎么操作？我们一个一个来看。
一复制编辑器的SVG交互排版到公众号
制作SVG交互排版，当然还是使用 iPaiban Pro 黑科技编辑器。
iPaiban Pro 黑科技编辑器是全网首款 SVG 交互图文编辑器，目前已更新1000+交互效果模板，配合 iPanban Pro 小助手插件使用，可以真正实现0代码、10分钟制作交互图文。
iPaiban Pro 编辑器的使用逻辑也很简单，选择交互模板→上传素材→预览效果→导入公众号就完事。
说说最后一步导入公众号，也就是复制编辑器的SVG交互排版到公众号。
第1步：复制排版代码
排版满意后，我们点击「导入微信后台」会生成整个排版的代码，接着点击「复制」。
第2步：安装 iPanban Pro 小助手插件
导入公众号代码需要用到前面提到的 iPanban Pro 小助手插件，插件下载和安装教程戳：《「iPaiban Pro 小助手」浏览器插件v1.4》。
第3步：粘贴排版代码
小插件安装成功后，打开公众号后台新建图文。
在公众号图文编辑页面，点击右上角插件按钮打开小助手，选择「导入代码」，然后粘贴刚才复制的代码，最后点击「清空导入」就完成了。
如果我们是给已经编辑好的图文局部插入交互排版，在要导入的位置输入下方标志（包括大括号）再点击「局部导入」即可。
{code}
在图文结尾插入交互排版，无需输入标志，粘贴代码后点击「尾部导入」即可。
二复制已经发布的SVG交互排版到公众号
iPaiban Pro 有导入图文的功能，如果是使用 iPaiban Pro 制作的交互图文，我们使用该功能将排版导入到编辑器，然后再用情况一的方法就能导入到公众号。
如果是定制的，复制已经发布的SVG交互排版到公众号就需要另外的方法了，一起看下。
第1步：打开并了解浏览器「检查」模式
将要复制的SVG交互图文用浏览器打开，在页面空白处鼠标右键，在出现的快捷菜单中选择「检查」打开浏览器「检查」模式（部分浏览器为「审查元素」）。
在「检查」模式下，点击左上角的小鼠标按钮后，鼠标所到之处就会变蓝，在变蓝处点击一下，「检查」页面中就会定位控制该处的代码。
第2步：选中并复制排版代码
我们移动鼠标至交互图文正文开头，点击一下，控制此处的代码在「检查」模式中就被选定。
想要选中全文，我们只需在代码中向上找到选择第一个 div 标签，就会看到图文全文变蓝也就是被全选中了，Ctrl+C 复制代码。
第3步：粘贴排版代码
粘贴代码还是推荐 iPaiban Pro 插件，下载和安装教程戳：《「iPaiban Pro 小助手」浏览器插件v1.4》。
安装成功后在公众号图文编辑页面，点击右上角插件按钮打开小助手，选择「导入代码」，然后粘贴刚才复制的代码，最后点击「清空导入」就完成了。
制作SVG交互图文认准 iPaiban Pro 黑科技编辑器，网址：x.iPaiban.com，复制网址在 PC 端 Chrome（谷歌）浏览器打开，即可开始注册并使用。
转载请在文章开头和结尾显眼处标注：作者、出处和链接。不按规范转载侵权必究。
未经授权严禁转载，授权事宜请联系作者本人，侵权必究。
本文禁止转载，侵权必究。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权，侵权必究。
评论
评论
推荐评论
暂无评论哦，快来评论一下吧！
全部评论（0条）