“文章中有其他内容，怎么局部导入SVG排版啊？”
SVG内容在编辑器排版好了，但公众号文章中还有其他内容，怎么把SVG排版内容导入到有其他内容中的文章中呢？
其实很简单，使用 iPaiban Pro 小助手插件的「局部导入」功能可一键导入。
不过，因为微信公众平台近期更新得太太太太太快，小助手插件的更新适配上线速度可能无法完全跟上微信的更新速度，如果大家发现即使小助手用上了最新版也无法局部导入，可使用下面的两种方法。
SVG内容与其他内容不需要无缝连接时可使用方法一，如需无缝拼接时则可使用方法二。
方法一
使用浏览器「检查」模式导入
这个方法是原生的导入方法，大家不要看到代码就害怕，其实完全用不着懂代码，真的很简单！
如果SVG内容与其他内容不需要无缝连接时可参考使用这个方法。
第1步：排版好其他内容
在公众号后台新建一篇文章后，排版好其他内容，并预留好需要插入SVG交互内容的位置，在预留的位置处输入一个数字「1」。
最好也设置好标题、作者、封面图等信息。
第2步：复制SVG排版代码
在 iPaiban Pro 黑科技编辑器（SVG.iPaiban.com）排版好后，点击右侧「导入微信后台」生成SVG排版的代码，继续点击复制代码即可。
第3步：打开浏览器「检查」模式
回到第1步中公众号后台的文章编辑页面。
Windows系统快捷键F12，Mac系统快捷键Command+Option+i，或在页面空白处右键单击选择快捷菜单中的「检查」，打开文章编辑页面的「检查」模式。
*部分浏览器的右键快捷菜单中「检查」名称为「审查元素」。这里强烈建议使用谷歌浏览器，对SVG交互排版的兼容性最好，不容易出现问题。
第4步：确定代码位置
点击如下图红框位置小鼠标符号，然后移动鼠标到正文的数字「1」处。
紧接着点击鼠标，便确定到了控制该位置的代码，如下红框所示。
第5步：粘贴SVG排版代码
接着鼠标右键选择「Edit as HTML」（中文为「以 HTML 格式修改」），然后删除原来的代码内容，将刚才复制的SVG排版代码粘贴进去。
然后点击代码区域外的任意位置，会发现SVG交互排版出现在图文中。接着点击「保存为草稿」按钮，即可发送手机预览效果啦。
*有些SVG排版效果在电脑端可能无法展示，具体效果以发送至手机段的预览为准。
方法二
使用浏览器「检查」模式导入
如果SVG内容与其他内容需要无缝拼接时可使用这个方法。
第1步：排版好其他内容
在公众号后台新建一篇文章后，排版好其他内容，点击「保存为草稿」。
第2步：提取其他内容的排版代码
回到公众号后台首页，点击打开刚才保存的其他内容的草稿预览链接。
接着在草稿预览链接页面，鼠标移至 iPaiban Pro 小助手的LOGO上，点击「本文代码」，便提取到了排版代码，点击「一键复制代码」。
第3步：合并SVG交互和其他内容的排版
在 iPaiban Pro 黑科技编辑器（SVG.iPaiban.com）排版好SVG交互内容后，在组件「图文引用」分类中找到「图文引用」组件，或者直接搜索组件编号10744，点击选择，插入到需要放置其他内容的位置。
接着在右侧 html 代码文本框中粘贴刚才复制的其他内容的排版代码，此时其他内容便被导入了编辑器中（如不显示图片为正常情况，导入公众号后便会正常显示）。
这样就算在编辑器中合并了整体的排版。
第4步：导入公众号后台
点击最右侧「预览草稿」简单预览效果。
效果满意后通过同步或生成草稿代码的方式，整体导入需要的公众号就可以了。
转载请在文章开头和结尾显眼处标注：作者、出处和链接。不按规范转载侵权必究。
未经授权严禁转载，授权事宜请联系作者本人，侵权必究。
本文禁止转载，侵权必究。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权，侵权必究。
评论
评论
推荐评论
暂无评论哦，快来评论一下吧！
全部评论（0条）