微信公众号html在线编辑器,关于微信公众号文章编辑器不能直接编辑html样式的处理方法...

一、微信的后台是不支持html编辑的;你能够先在其余的编辑器里面编辑好了之后,复制到微信编辑器里面;这样既能够保持原来的格式,还能够自由设置本身的喜欢的格式。css

好比我有一大大大大大大大大大大大段话,不想让他在页面上所有展现,只给他一个区域,让他 显摆,而后用户能够手动的滑动此区域来观看全部的内容。html

二、寻找一款编辑器(百度一大堆),确保编辑器上有截图中红框功能(这里推荐UEditor ,不要问我为啥推荐它,我也是蓦然回首,它在百度之首,在线演示地址:https://ueditor.baidu.com/website/onlinedemo.html)web

456aeab743adff1c0f4d3a0b881dc75c.png

三、在编辑器正文出放入本身的文字:微信

d29628e38712037a2886441b6f974df0.png

四、而后点击红框 ‘html’ 来搞些事情,示例如图编辑器

7fa88c624d21267d40fae742ae8d680e.png

五、此时咱们能够在这个时候高点事情,好比加点样式3d

注意:编辑器彷佛不喜欢div标签哦~code

我在这里给第一个

标签设置了样式:htm

width:300px; height:200px; border:1px solid #000; overflow:hidden; overflow-y:scroll

宽300像素 高200像素 边框1像素 实线 黑色 超出隐藏 y轴超出可滚动

ff55c1f26e270926b72688cd06b8cab0.png

此处注意,当点击html编辑功能以后,操做栏的其余按钮都灰不溜秋的了,他们都用不了了哦。如上图显示。blog

五、当咱们想要的效果编辑完毕,再次点击 ‘html’ ,结果以下图显示get

0fce20d741004469f5d3a9e61f4f0910.png

好,这个能够滚动的框框就是我想要的了,接下来在这个界面全选正文,ctrl+c复制转到微信公众号文章编辑器,ctrl+v粘贴;结果以下图:

8876e4df6f564e4bbd0c068c21260f60.png

是否是发现想要的那种滚动有了?可是后面的H标签咋都同样了呢,这是由于,你在UEditor那里没有对他们进行代码样式编辑,在UEditor那里编辑器会自动转换成对应的,复制过来后就没有这个默认的样式了。

六、此处可预览:

05dfce8b2efa8321c6a33c6d0556d8b6.png

发现右边那个竖条了吗,就表示是能够滑动的,你能够发送到手机上试一试哦。

七、为了方便之后再也不这么麻烦的去转,微信公众号文章编辑器有一个——添加图文模板,你能够将次做为模板,下次直接调用。

欧了,本次讲解到此为止~

c4ab3ecc5ed8ac15c85ff8916f385c3e.png

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值