如何隐藏wangEditor的工具栏？

在写前端的时候，很多时候为了更加快速构建自己的页面，通常都会引入第三方的组件库。

但是，很多时候，我们很难去深入文档去自定义这些组件，比如说wangEditor组件库。

比如说，我想隐藏掉wangEditor的工具栏，如果我们阅读文档，是这样的：

作者在这里提供了完整的逻辑，我们接着看如何隐藏。

往下看，就可以发现，作者提供了重新配置工具栏的操作，但是并没有给出如何隐藏工具栏的方法。

而且整个组件，还是使用了TS写的，由于本人并没有系统学习过TS，无奈只能放弃。  

这个时候，我们该怎么解决呢？ 

我突然想到了，通过CSS去隐藏这一整个组件。

于是，F12-选择-点击工具栏，找到对应的CSS代码，然后只需要：

/* 隐藏工具栏 */
.w-e-toolbar{
  display: none;
}

这比个性化定制，更加快捷、高效。

虽然也存在浪费内存的问题，但是也是最简单的方式。

---

另外，如果你隐藏掉整个工具栏，那么输入框的上边框就消失不见了。

这个时候，我们就需要手动补足了。

/* 补充上边框 */
.w-e-text{
  border: 1px solid #c9d8db;
}

最后看看成品：

完美，下班。