一.打开微信公众号新建图文（或是编辑已有图文）

①右键 → 检查（编辑区域右键功能被覆盖了，找个空白的地方右键或者直接按F12进入开发者模式）

②鼠标点击右边的代码区域，随便找个地方点，再按Crtl+F，输入文字（文字可能会被分割）

如果操作区域在左边，Ctrl+F的效果是查找左边的内容，现在要做的是找到对应的代码区域，所以在右边操作
如果是顺着标签找非常麻烦，太多层级关系，直接全局搜索跟方便快捷
如图，文字可能会被分割，所以输入的内容尽量不要太多，如果没有搜索到可以换个词汇搜索

二.插入代码

如何插入代码？

右键 → 点击Edit as HTML
可以替代编辑框内所有代码或者是在代码下方加入新的代码
插入或者是替代的具体代码块

具体代码需要根据需求微调参数。插入代码之后点击其它地方，让编辑失焦，图文会自动根据修改的代码刷新，此时便大功告成，可以测试效果了~

<!-- 此处height控制显示区域高度 -->
<section style="height: 230px;overflow-x: hidden;overflow-y: auto;text-align: center;box-sizing: border-box;padding: 10px;border-width: 1px;border-style: solid;border-color: rgb(238, 238, 238);"><mpchecktext contenteditable="false" id="1603559997900_0.2463386146901354"></mpchecktext><section style="border-width: 0px;border-style: none;border-color: initial;box-sizing: border-box;"><mpchecktext contenteditable="false" id="1603559997901_0.7806160681602305"></mpchecktext><p style="text-align:center;margin-bottom: 10px;white-space: normal;"><!-- 这里的font-size可以设置文字的大小 --><strong style="font-size: 14px;caret-color: red;"><span style="font-size: 14px;"><span style="line-height: 22.4px;"><!-- 这里是点击之后需要显示的文字或者是图片，显示图片需要http地址(需要先上传到微信) --><p>答案</p><img border="0" src="https://picsum.photos/100/50"><mpchecktext contenteditable="false" id="1603559997902_0.2770796707640486"></mpchecktext></span></span></strong></p><strong style="font-size: 14px;caret-color: red;"><mpchecktext contenteditable="false" id="1603559997903_0.5044436455277546"></mpchecktext></strong></section><strong style="font-size: 14px;caret-color: red;"></strong>
</section>
<center style="box-sizing: border-box;text-align: center;"><strong style="font-size: 14px;caret-color: red;"><!-- 设置蒙板大小 --><svg width="100%" height="250" xmlns="http://www.w3.org/2000/svg" style="margin-top: -350px;box-sizing: border-box;transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);"><rect width="100%" height="250" style="fill: #fefefe;box-sizing: border-box;"><animate attributeName="opacity" begin="click" dur="1s" style="box-sizing: border-box;" from="1" to="0" fill="freeze"></animate></rect><mpchecktext contenteditable="false" id="1603559997904_0.23689150596511355"></mpchecktext></svg></strong>
</center>

三.关于显示图片

微信公众号显示的图片必须是素材库中的内容，所以显示图片需要将图片先上传到素材库，然后再获取图片url，将获取的url填入<img src="" /> 的src标签中即可。

获取已上传图片的url

①右键 → 检查

②复制style属性中url括号内的地址

微信公众号实现点击显示答案效果相关推荐

微信公众号广告点击率预估效果优化
[转载]微信公众号广告点击率预估效果优化_腾讯大数据 http://data.qq.com/article?id=2914 1.背景点击率预估(pCTR)是广告投放过程中的一个重要环节,精准的点击率 ...
解决URLToPDF 微信公众号文章图片不显示问题(全网唯一方案)
文章目录有几种物理方法可以将URL(网页地址)转换成PDF文件: Python 代码实现: Java 实现方式: java 调用 wkhtmltopdf 实现URLToPDF(基础版) java ...
微信公众号，点击按钮打开pdf文件流，安卓跳转到浏览器里下载，ios可预览但默认不能下载
微信公众号,点击按钮打开pdf文件流,安卓跳转到浏览器里下载,ios可预览但默认不能下载注:在pc上开始时采用这两种方式是没有效果的,或者打开的是空页面,但上线到公众号是没有问题的!!!!!!!!! ...
微信公众号H5点击图片预览(可放大缩小)，用微信内置jssdk实现
在微信公众号H5里面可能会遇到点击图片预览,还可以放大缩小,微信内置有这个功能可以实现用vue写项目的话,先 cnpm install weixin-js-sdk --save 接着给图片一个点击事 ...
微信公众号，点击事件
@csrf_exempt def weixin_main(request):# get 请求是验证if request.method == "GET":# 接收微信服务器get请求 ...
微信公众号获取的封面图片显示‘’此图片来自微信公众平台,未经允许不可引用'的解决方案
直接在页面顶部加入: <meta name="referrer" content="never">
怎样实现微信公众号点击菜单自动回复文字信息
为了满足微信公众号点击菜单自动回复文字信息的需要,第三方平台微号帮提供了粉丝点菜单定时推送功能实现,粉丝点击公众号菜单栏可以自动回复文字信息,可以更改回复信息的昵称和头像,回复信息内容可以显示粉丝昵称 ...
网页中怎样引导用户关注微信公众号
为什么有这种需求? 的确,如果是让用户直接关注微信公众号,扫公众号的二维码,或者在微信里面长按识别二维码即可.但是有时候的业务需求可能是:在自己写的一个页面中,需要引导用户去关注公众号. 我们知道,二 ...
Java微信公众号高级微信墙,JAVA折腾微信公众平台（Token验证）
JAVA折腾微信公众平台(Token验证) JAVA折腾微信公众平台(Token验证) 2019独角兽企业重金招聘Python工程师标准>>> 最近微信的公众平台比较火,于是我也想弄 ...

微信公众号实现点击显示答案效果

一.打开微信公众号新建图文（或是编辑已有图文）

二.插入代码

如何插入代码？

插入或者是替代的具体代码块

三.关于显示图片

获取已上传图片的url

微信公众号实现点击显示答案效果相关推荐

最新文章

热门文章

微信公众号实现点击显示答案效果

一.打开微信公众号新建图文（或是编辑已有图文）

二.插入代码

如何插入代码？

插入​或者是替代的具体代码块

三.关于显示图片

获取已上传图片的url

微信公众号实现点击显示答案效果相关推荐

最新文章

热门文章

插入或者是替代的具体代码块