前段时间项目中需要使用富文本，然后就在wangEditor和tinyMCE中犹豫使用哪个比较好。然后两个文档都去学习了一下，虽然最后选择使用tinyMCE，但是wangEditor的文档学习后也是有所收获的。
一： wangEditor文档说明
wangEditor 基于 slate 内核开发，但不依赖于 React ，所以它本身是无框架依赖的。
并且，wangEditor的官方封装了 Vue React 组件，可以很方便的用于 Vue React 等框架。
wangEditor中文文档在这里。
二：如何隐藏工具栏中的工具
步入正题，由于项目中需要的工具栏中的工具并不多，就需要将部分工具栏隐藏，vue中使用wangEditor时在工具栏设置中有个属性excludeKeys。文档中有介绍这个属性的使用方法和定义。
既然知道了这个属性，当时想的就是将需要隐藏的工具放到这个属性中来应该就可以了。在使用wangEditor的文件中设置属性。
toolbarConfig: {//工具栏
excludeKeys: []
},
默认excludeKeys是空的，当有需要隐藏的toolbarKey的时候，需要将toolbarKey的值找到放入excludeKeys中，当时看文档说通过 toolbar.getConfig().toolbarKeys 查看工具栏的默认配置，这种是找到所有的工具栏配置，可能还是不知道需要隐藏的是哪个工具。因为默认的情况下是所有的工具都有的。如果一个一个的去试配置，这种方法也是也可的。
三：如何查找toolbarKey
如何查找toolbarKey，后来想要看看dom标签上给的都有什么，能不能找到想要的toolbarKeys，果然在查看的时候看到了想要的属性值。在使用的地方F12查看dom标签上东西，然后看到了data-menu-key的一个属性，这个值就是文档中说的toolbarKeys，只要找到这个值放入excludeKeys中，工具就可以隐藏了。如图：这里是默认全部的工具的工具栏。
这里是根据toolbarKey隐藏了部分工具的工具栏。
toolbarConfig: {//工具栏
//隐藏的toolbarKey,默认为空
excludeKeys: [
"group-more-style",'group-video', 'redo','undo','group-image',
]},
这样就可以将工具栏中的工具根据自己想要的来隐藏了。
