新的一年，前端领域再次掀起波澜壮阔的变革。开源世界日新月异，每天都有新奇的惊喜涌现。我们精心整理了15个令人眼前一亮的开源项目，涵盖了前端技术的各个层面。无论您是资深开发者还是初学者，相信这些项目中总

vue3使用富文本编辑器wangEditor 5，增加自定义下拉框，并动态改变下拉框内容，主要是参考官网的文档，写的很详细。

起因 之前写了一篇文章，讲述了如何在WangEditor中插入Vue组件，正常情况是，如果我们需要注册多个vue组件，应该需要把注册逻辑抽象成一个函数，比如wangCustomNode函数，然后再注册

基于富文本编辑器实现类似 VsCode 代码提示那种，通过$关键字触发选择列表，支持智能模糊匹配，自动插入编辑区，高亮显示等等

前言 适配 Vue3 的富文本插件不多，我看了很多插件官网，也有很多写的非常棒的，有UI非常优雅让人耳目一新的，也有功能非常全面的。 如： Quill，简单易用，功能全面。 editorjs，UI极其

改造基于Wang Editor v5的@Mention插件实现文本框插入自定义标签(Tag)功能插件

前言 扩展wangeditor，支持点击插入变量按钮 弹框展示变量选项，确定后将变量插入光标所在的位置。 {{杰克}}变量为一个整体，删除时该标签全部删除，支持自定义参数，自定义样式。 就是实现如下图

用wangEditor还没休闲两天，新的需求来了（全沾工程师是这样的），需要在原来的基础上新增多几个字号，但是wangEditor官网明确写着菜单配置的字号数量只能减少不能增加，看来只能自己动手丰衣足食了。 从结果来说是实现了这么一个功能，但是操作的话和整个富文本编辑器格格不入…

项目中需要使用到wangeditor，这里封装一个自定义组件，便于后期使用。 首先，官方文档： https://www.wangeditor.com/ 1：安装 2：组件代码 Wangeditor.v