1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > 微信公众号html编辑器 关于微信公众号文章编辑器不能直接编辑html样式的处理方法...

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

时间:2019-10-20 21:39:30

相关推荐

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

一、微信的后台是不支持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那里编辑器会自动转换成对应的,复制过来后就没有这个默认的样式了。

六、此处可预览:

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

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

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。