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

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

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

二、寻找一款编辑器(百度一大堆)，确保编辑器上有截图中红框功能(这里推荐UEditor ，不要问我为啥推荐它，我也是蓦然回首，它在百度之首，在线演示地址：https://ueditor.baidu.com/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那里编辑器会自动转换成对应的，复制过来后就没有这个默认的样式了。

六、此处可预览：

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

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

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