“文章中有其他內容，怎么局部導入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條）