微信公众号正文嵌入SVG代码方法

背景

图文H5开发最后一步要把SVG代码嵌入到微信公众号正文里，这里分享一下方法。

 

工具

Chrome浏览器

 

步骤

新建图文消息，先输入好标题、作者，上传好封面图。 然后在正文区域输入一行文字（如 代码嵌入位置）作为代码的占位。

在Chrome浏览器空白处鼠标右键/检查，打开调试工具，定位到代码位置文字，右击鼠标选择Edit as HTML，

 

删除原有代码，把内容替换为我们的SVG代码。

然后随便点击下其他元素的代码，有时可能会自动撤销，如果出现这种情况，再重新粘贴一次就行。

完成后，就可以发布预览啦。