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

1、微信的后台是不支持html编辑的；你可以先在其他的编辑器里面编辑好了以后，复制到微信编辑器里面；这样既可以保持原来的格式，还可以自由设置自己的喜欢的格式。

比如我有一大大大大大大大大大大大段话，不想让他在页面上全部展示，只给他一个区域，让他 显摆，然后用户可以手动的滑动此区域来观看所有的内容。

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

3、在编辑器正文出放入自己的文字：

4、然后点击红框 ‘html’ 来搞些事情，示例如图

5、此时我们可以在这个时候高点事情，比如加点样式

注意：编辑器似乎不喜欢div标签哦~

我在这里给第一个

标签设置了样式：

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、为了方便以后不再这么麻烦的去转，微信公众号文章编辑器有一个——添加图文模板，你可以将次作为模板，下次直接调用。

 

 

 

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