上篇文章介绍到如何使用mavon-editor，没想到没过过久公司来了新需求，又在之前需求上继续优化。由于mavon-editor暂不支持直接复制本地电脑word内容进行粘贴展示并转换成markdown，于是新增一个切换按钮，使用wangeditor进行word文档编辑，用户需在markdown与word之间进行切换使用，目前实现了切换两种富文本框内容格式互相转换，md格式通过拿到html后转换展示在wangeditor上，wangeditor的word文档内容也能切换成md格式展示在markdown格式编辑器的mavon-editor上。废话不多说上代码，下面是演示截图与代码，其中md转换html转载来自 https://cloud.tencent.com/developer/article/2239608?from=15425&areaSource=102001.2&traceId=MC_FGLecJ4GHAO_jTuPPV

在此不多介绍wangeditor编辑器，是一款非常好用的富文本编辑器，具体可以参考其官网：https://www.wangeditor.com/

按照完毕后项目实现页面如下，通过按钮进行两者内容切换

通过获取不同富文本编辑器返回的html内容，再在下面转换js中进行转换拿到md格式，以下为在vue项目中写法，在代码最后导出此方法。具体做法在vue项目中的公共组件文件夹中新建一个js文件，将此方法粘贴进去最后再需要使用的地方引入即可，如下图 随后在代码中使用