现在的公众号编辑器软件有很多，但我要给大家强推一个非常特殊的。
如果你比较关注新媒体趋势的话，就会发现近几年很多公众号，尤其大品牌的官方公众号都用的是一种比较新奇的排版方式，表面上看起来图文、视频等是一体的，还能实现各种交互式效果，比如点击展开、滑动打开、横屏视频……
其实这是近些年来很流行的排版方式叫做SVG交互排版，也叫黑科技排版。
这几年在各种短内容信息流和短视频的侵袭下，枯燥的文字或静态图片已无法满足品牌传播的需要。
所以许多品牌和媒体号开始不断尝试各种交互玩法，实现了公众号图文数据的逆势上扬，甚至出现出圈爆文。
比如人民日报的点亮武汉（双10W+）：
网易的小瓶子（在看数是日常图文的20多倍）：
麦当劳的拆盲盒（双10W+）：
Apple的有深度（在看数是日常图文的40多倍）：
这些品牌的长图文，内容生动、形式有趣，让人不由自主地沉浸在文章中，根据指引就看完了文章，不仅提高了阅读点击率，还让读者很有参与感。
当然，很多人会觉得这样高大上的排版太复杂了，“需要用代码的吧？”
其实，复杂的事情已经有专业的人士帮我们做了，我们只需要一个 iPaiban Pro 黑科技编辑器（网址：x.iPaiban.com） 就可以实现各种各样的排版玩法，最重要的是还不用代码，在编辑器内部简单操作就可以实现。
接下来，我们以交互图文排版中最常见的“点击展开”来为大家还原一下是怎么做的。
这篇文章从表面上看是一张图片，点击按钮，就能展开更多的内容，用到的就是我们 iPaiban Pro 黑科技编辑器 中的“点击展开”组件。
第1步：选择组合
在PC 端 Chrome（谷歌浏览器）打开iPaiban Pro 黑科技编辑器并注册，点击编辑器左侧的“组合-花样展开”，选择“基础展开-点击展开”组合，或者直接在搜索框中搜索组合编号10307。
第2步：进入组合编辑模式
点击“编辑组合”，进入组合编辑模式。
展开前的内容就是我们打开文章能看到的那一屏内容，引导读者点击图片；展开后的内容就是未点开前隐藏的内容。
第3步：设置“展开前”的内容
点击“展开前”的编辑区域，在弹出的换图区域分别上传“点击前”和“点击后”的图片，这里注意尺寸要保持一致。
另外还可以双击图片，调整点击触发的区域，扩大或缩小都可以自定义。这样“展开前”的内容就设置完成啦！
第4步：设置“展开后”的内容
“展开后”的内容就可以随心所欲地设置了，除了展开长图，里面还可以嵌入滑动、点击、插入视频等多种样式，任何组件都可以直接拖进来，！
点击“添加组件位”-拖动组件到组件位中-上传图片，就这样就设置好了展开后的内容，想加几个组件就重复几次这个步骤。参考下面动图：
第5步：设置切换时长和点击时长
展开前后的内容都设置好之后，我们可以点击页面右侧的红色三角形按钮，自定义设置切换图片的时长以及图文展开的时长，要依据展开后内容的长短来确定时长。
建议进行多次预览，设置一个最合适的时长。
第6步：导入公众号后台
无论是要预览效果还是导入公众号后台，我们都需要先点击页面左上角的「保存并退出」按钮，预览几次都没问题之后，就可以导入公众号后台啦。
导入公众号后台，可以下载安装一个 iPaiban Pro 小助手浏览器插件，在公众号后台一键即可获取，安装和使用教程见：《iPaiban Pro 浏览器插件来了！》。
复制代码之后，切换到微信公众号，点击插件，再导入代码，就万事大吉了！
这只是 iPaiban Pro 黑科技编辑器（网址：x.iPaiban.com）一个非常常见的操作，远不止如此，还有更多的排版样式等待你来体验，也可以关注公众「i排版」掌握最新的排版知识。
