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