一、微信的后台是不支持html编辑的;你能够先在其余的编辑器里面编辑好了之后,复制到微信编辑器里面;这样既能够保持原来的格式,还能够自由设置本身的喜欢的格式。css
好比我有一大大大大大大大大大大大段话,不想让他在页面上所有展现,只给他一个区域,让他 显摆,而后用户能够手动的滑动此区域来观看全部的内容。html
二、寻找一款编辑器(百度一大堆),确保编辑器上有截图中红框功能(这里推荐UEditor ,不要问我为啥推荐它,我也是蓦然回首,它在百度之首,在线演示地址:/website/onlinedemo.html)web
三、在编辑器正文出放入本身的文字:微信
四、而后点击红框 ‘html’ 来搞些事情,示例如图编辑器
五、此时咱们能够在这个时候高点事情,好比加点样式3d
注意:编辑器彷佛不喜欢div标签哦~code
我在这里给第一个
标签设置了样式:htm
width:300px; height:200px; border:1px solid #000; overflow:hidden; overflow-y:scroll
宽300像素 高200像素 边框1像素 实线 黑色 超出隐藏 y轴超出可滚动
此处注意,当点击html编辑功能以后,操做栏的其余按钮都灰不溜秋的了,他们都用不了了哦。如上图显示。blog
五、当咱们想要的效果编辑完毕,再次点击 ‘html’ ,结果以下图显示get
好,这个能够滚动的框框就是我想要的了,接下来在这个界面全选正文,ctrl+c复制转到微信公众号文章编辑器,ctrl+v粘贴;结果以下图:
是否是发现想要的那种滚动有了?可是后面的H标签咋都同样了呢,这是由于,你在UEditor那里没有对他们进行代码样式编辑,在UEditor那里编辑器会自动转换成对应的,复制过来后就没有这个默认的样式了。
六、此处可预览:
发现右边那个竖条了吗,就表示是能够滑动的,你能够发送到手机上试一试哦。
七、为了方便之后再也不这么麻烦的去转,微信公众号文章编辑器有一个——添加图文模板,你能够将次做为模板,下次直接调用。
欧了,本次讲解到此为止~