安装

wangeditor5

        官网：https://www.wangeditor.com/v5/

yarn add @wangeditor/editor # 或者 npm install @wangeditor/editor --save  yarn add @wangeditor/editor-for-vue # 或者 npm install @wangeditor/editor-for-vue --save

mammoth.js

        官网：https://github.com/mwilliamson/mammoth.js

npm install mammoth

        若出现依赖包下载失败的情况，可能是镜像问题，可选择使用国内镜像，参考文档：https://blog.csdn.net/hyk521/article/details/140706064

使用

        editor.vue：

        Test.vue：

        页面效果：

word导入问题与解决方案

        问题：

                mammoth 仅支持简单的样式，对于背景色、颜色字体等高级样式无法支持。

        解决方案：

                1、修改 mammoth.js 的源码，参考文档：https://blog.csdn.net/Jioho_chen/article/details/124699665

                2、前端加一个按钮或触发器，后端 Java 使用 poi 解析 word 内容，具体参考：https://www.cnblogs.com/ismallboy/p/12584761.html

        若有其他方法，欢迎留言探讨。