大家好，我是三兒

上一篇給大家解答了編輯器相關問題，這一次和大家聊聊SVG，話不多說直接上干活！

不少新手朋友，看到某篇推文用了某個效果后就來問三兒，當三兒告訴他們用那個組件可以制作時，他們常這樣回復我。

“??？在哪里啊”

“啊，我怎么輸入你的組件ID后沒有找到呢”

再看他們發(fā)來的截圖，大多都是找錯了位置。

2.輸入svg編輯器網址

http://www.yulitex.cn/svgeditor/

*小貼士：大家可以收藏網址，這樣就不會找不到它了

關于組件搜索，大家一定要讓[效果互動]高亮后，再在搜索框中輸入組件ID

而不少朋友選擇的是[樣式模板]，樣式模板可以理解為官方出品的互動模板，用戶必須要按照素材要求替換圖片，否則無法正常實現(xiàn)預設效果，用戶自由度較低。

而互動效果中的效果組件，對用戶限制并不多，只要滿足素材要求都可以使用，大家可以天馬行空創(chuàng)造自己的作品。

不少品牌推文喜歡開篇一張圖，點擊后暗藏玄機，里面有滑動、有點擊換圖、有輪播......

“這個怎么做的啊”

這是三兒常聽到的疑問。

其實很簡單，在svg編輯器中我們需要先在[互動效果]然后找到[組合]

在[組合]中就意味著我們能使用的效果是多個而非單個，這里三兒就以點擊展開為例。

我們可以在搜索框中輸入效果關鍵詞：點擊直接展開，然后根據我們所需選擇需要使用的效果。

我們單擊其中一個組件到編輯區(qū)域后，就能看到[編輯展開內容]選擇，而這里面我們就可以選擇需要添加的效果組件，包括但不限于輪播、點擊換圖、點擊跳轉小程序、滑動等

不過需要注意的是：在展開內并不是所有效果都能添加，比如你想要實現(xiàn)[展開嵌套展開]，可不能在展開中再去找一個展開效果，而是需要使用單獨的組件：展開里套展開 組件ID：336

其實很簡單，三兒用一個實際案例作為例子。

假如我們需要在一篇文章中插入一個圖片輪播，我們應該怎么插入呢？

我們在制作好輪播后，選擇[導出]—[復制到135編輯器]

這時候我們已經復制了SVG效果代碼，然后我們到135編輯器頁面，找到需要插入效果的位置的地方

選擇圖片所在區(qū)域，在區(qū)域樣式中找到[區(qū)域代碼]

找到圖片的代碼也就是帶有<img>標簽的內容，選中后Ctrl+v替換我們的SVG組件代碼即可

這時候有朋友說了：那我想要替換的不是圖片呢？就是一個段落呢？

段落的代碼標簽是<p></p>,空行的代碼標簽<br/>,我們只需要找到<p></p>中的<br/>然后替換它即可

*注意：大家發(fā)現(xiàn)沒有我們粘貼svg效果都需要在區(qū)域樣式中完成，所以大家一定不要將所有內容放在一個編輯框中，每完成一個部分就使用[后空行]（不是敲回車），或是使用[布局]中的[基礎布局]

以上就是大家

常遇的SVG問題

當然三兒也是抓典型來講

如果你還有什么疑問

歡迎大家在評論區(qū)留言

三兒會記在小本本上

之后再出一篇Q&A