文章の目录一、查看工具栏的默认配置二、查询编辑器注册的所有菜单key（可能有的不在工具栏上）三、重新配置工具栏，显示哪些菜单，以及菜单的排序、分组四、在当前toolbarKeys的基础上继续插入新菜单，如自定义扩展的菜单五、想排除掉某些菜单，其他都保留六、将菜单弹出的modal添加到body下写在最后一、查看工具栏的默认配置import{DomEditor}from"@wangeditor/editor";...consttoolbar=DomEditor.getToolbar(this.editor);constcurToolbarConfig=toolbar.getConfig();con

1、参考官方的wangeditor5-for-vue3的开发手册官方文档地址：https://clinfc.github.io/wangeditor5-for-vue3/guide/说明为说明要编写这编博客文章？官方文档的使用手册对于新手来说比较的难看懂，写的也不够详细，源码的封装比较深。写博客的目的是为了详细讲解一个适合项目使用的wangeditor的基本全过程，适合直接复制使用和修改（原官方文档使用原生js编写）2、下载编辑器的依赖npminstall@wangeditor/editor--savenpminstall@wangeditor/editor-for-vue@next--sav

背景：业务需求，要实现一个富文本框，好方便用户插入图片问题：百度了一整天，看了n多文章包括官方文档，又花了半天时间实现需求，对于小白来说，真的是大难题，又着急，又害怕，结果就是，越急越搞不定……此处省略我的吐槽来吧，上步骤：一、安装富文本wangEditor(参考官方文档）wangEditornpminstallwangeditor--save我这里装的是版本4（因为我折腾了半天的版本5没搞出来）二、在components文件夹下新建一个Vue文件，名字随便。参考：wangEditor.vue把下面代码复制粘贴进去（图片上传部分还没完善好）importEfrom'wangeditor'expo

文章目录为什么要写这篇文章基于Layui本地安装wangEditor最新版本下载JS和CSS文件在Layui中创建wangEditorwangEditor实现word带图片格式内容粘贴场景描述分析思路关键点：图片如何粘贴最终实现代码（因为仅涉及JS代码，所以只提供JS代码）总结为什么要写这篇文章首先源自于实际项目的客户需求，真实且刚需。本人在网上查找了很多相关资料，也对比和参考了其他类似的文本编辑器，才实现到本文实现的效果。提前声明，本文没有做到百分百粘贴前后同样的效果，介意者慎入！！以免浪费您的宝贵时间。基于wangEditor免费开源的前提下实现，没有任何需要付费或使用限制。出于整理收藏、

文章目录为什么要写这篇文章基于Layui本地安装wangEditor最新版本下载JS和CSS文件在Layui中创建wangEditorwangEditor实现word带图片格式内容粘贴场景描述分析思路关键点：图片如何粘贴最终实现代码（因为仅涉及JS代码，所以只提供JS代码）总结为什么要写这篇文章首先源自于实际项目的客户需求，真实且刚需。本人在网上查找了很多相关资料，也对比和参考了其他类似的文本编辑器，才实现到本文实现的效果。提前声明，本文没有做到百分百粘贴前后同样的效果，介意者慎入！！以免浪费您的宝贵时间。基于wangEditor免费开源的前提下实现，没有任何需要付费或使用限制。出于整理收藏、