大家好，我是三儿

上一篇给大家解答了编辑器相关问题，这一次和大家聊聊SVG，话不多说直接上干活！

不少新手朋友，看到某篇推文用了某个效果后就来问三儿，当三儿告诉他们用那个组件可以制作时，他们常这样回复我。

“啊？在哪里啊”

“啊，我怎么输入你的组件ID后没有找到呢”

再看他们发来的截图，大多都是找错了位置。

2.输入svg编辑器网址

https://www.135editor.com/svgeditor/

*小贴士：大家可以收藏网址，这样就不会找不到它了

关于组件搜索，大家一定要让[效果互动]高亮后，再在搜索框中输入组件ID

而不少朋友选择的是[样式模板]，样式模板可以理解为官方出品的互动模板，用户必须要按照素材要求替换图片，否则无法正常实现预设效果，用户自由度较低。

而互动效果中的效果组件，对用户限制并不多，只要满足素材要求都可以使用，大家可以天马行空创造自己的作品。

不少品牌推文喜欢开篇一张图，点击后暗藏玄机，里面有滑动、有点击换图、有轮播......

“这个怎么做的啊”

这是三儿常听到的疑问。

其实很简单，在svg编辑器中我们需要先在[互动效果]然后找到[组合]

在[组合]中就意味着我们能使用的效果是多个而非单个，这里三儿就以点击展开为例。

我们可以在搜索框中输入效果关键词：点击直接展开，然后根据我们所需选择需要使用的效果。

我们单击其中一个组件到编辑区域后，就能看到[编辑展开内容]选择，而这里面我们就可以选择需要添加的效果组件，包括但不限于轮播、点击换图、点击跳转小程序、滑动等

不过需要注意的是：在展开内并不是所有效果都能添加，比如你想要实现[展开嵌套展开]，可不能在展开中再去找一个展开效果，而是需要使用单独的组件：展开里套展开 组件ID：336

其实很简单，三儿用一个实际案例作为例子。

假如我们需要在一篇文章中插入一个图片轮播，我们应该怎么插入呢？

我们在制作好轮播后，选择[导出]—[复制到135编辑器]

这时候我们已经复制了SVG效果代码，然后我们到135编辑器页面，找到需要插入效果的位置的地方

选择图片所在区域，在区域样式中找到[区域代码]

找到图片的代码也就是带有<img>标签的内容，选中后Ctrl+v替换我们的SVG组件代码即可

这时候有朋友说了：那我想要替换的不是图片呢？就是一个段落呢？

段落的代码标签是<p></p>,空行的代码标签<br/>,我们只需要找到<p></p>中的<br/>然后替换它即可

*注意：大家发现没有我们粘贴svg效果都需要在区域样式中完成，所以大家一定不要将所有内容放在一个编辑框中，每完成一个部分就使用[后空行]（不是敲回车），或是使用[布局]中的[基础布局]

以上就是大家

常遇的SVG问题

当然三儿也是抓典型来讲

如果你还有什么疑问

欢迎大家在评论区留言

三儿会记在小本本上

之后再出一篇Q&A