微信的后台不具备 html 编辑的功能；你能够先在其他的编辑器当中把内容编辑好，之后再复制到微信编辑器里面；如此一来，既能维持原本的格式，又能够随意设置自己喜爱的格式。

我有一段很长的话，不想让它在页面上全部展示出来，于是给它一个区域，让它能够展现。接着，用户可以手动滑动这个区域，从而观看所有的内容。

寻找一款编辑器，因为百度上有很多。要确保这款编辑器上有截图中红框的功能。这里推荐一款编辑器，不要问我为什么推荐它，我也是偶然间发现它在百度搜索结果中很靠前。它的在线演示地址是：fex-team/，这是一款富文本编辑器。

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

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

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

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

我在这里给第一个

标签设置了样式：

宽度为 300 像素；高度为 200 像素；边框为 1 像素实线，颜色为#000；溢出内容隐藏；垂直方向溢出时可滚动
宽为 300 像素，高为 200 像素，边框是 1 像素且为实线、黑色，超出部分会隐藏，在 y 轴方向超出时可进行滚动。

此处注意，当点击 html 编辑功能之后，操作栏的其他按钮就呈现出灰暗的颜色了，并且这些按钮都无法使用了哦。如上图所示。

当我们把想要的效果编辑完成后，接着再次点击“html”，其结果会如下图所示进行显示。

这个可以滚动的框框正是我所想要的。接着，在这个界面把正文全部选中，然后使用 ctrl+c 进行复制，再转到微信公众号文章编辑器，最后使用 ctrl+v 进行粘贴。结果如下图：

你是否发现想要的那种滚动出现了？然而，后面的 H 标签却都一样了。这是因为你在那里没有对它们进行代码样式编辑，在那里的编辑器会自动转换成对应的样式，而复制过来后就没有这个默认的样式了。

6、此处可预览：

你发现右边那个竖条了吗？它表示可以滑动。你可以将其发送到手机上进行尝试。

微信公众号文章编辑器有一个功能，叫做“添加图文模板”。有了这个功能，以后就不用再这么麻烦地去转了。你可以将这个“添加图文模板”作为模板，下次直接调用它。

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