vue3实现富文本系列

一、技术点引入 前面七篇文章已经讲的差不多了，突然想起针对粘贴事件还没有谈谈解决方案，这篇文章就讲讲如何处理粘贴事件，以及自己对defineCustomElement实现富文本组件的看法。 粘贴事件中

一、技术点引入 上一篇文章讲了如何通过vite插件获取到被引入的组件样式，并插入到引入的自定义元素中，这一篇文章将探讨一下如何获取到antdv的样式。 这里以第二篇文章中的CodeEditor.ce.

一、技术点引入 前五篇文章已经将使用defineCustomElement方法定义自定义元素实现富文本组件的难点和坑点都梳理了一遍，目前来看解决问题的手段能够解决目前遇到的90%的问题，当然有些问题我

一、技术点引入 上一篇文章主要讲了如何处理range选区问题，目前富文本的编辑功能已经比较完善了，但是我们的操作很多都是基于创建态来完成的，编辑完成的内容我们该如何保存，这就是这一篇文章要讨论的点。

一、技术点引入 上一篇文章主要讲解如何给所有的自定义元素加上一些统一的样式，元素或者js处理，这一篇主要讲解如何处理富文本套娃的情况下处理各种事件。 我们先新写一个组件RText.ce.vue: 他新

一、技术点引入 上篇文章主要介绍了如何实现将vue组件注册为自定义元素，以及在富文本使用自定义元素时遇到自定义元素不能直接插入富文本中的问题；这篇文章将继续这个话题，谈谈如何给这些元素加上一些删除按钮

一、技术点引入 前一篇文章主要大致说明了如何编写一个简易的富文本编辑器，这篇文章主要讲解如何编写vue的自定义元素，以及如何在富文本中使用。下面是几个技术要点： vue中的defineCustomEl

一、前言 这个学期闲来无事，想自己实现一个博客，前期搭建还是挺流畅的，学到一些新的东西，还是很开心。做博客肯定绕不开富文本编辑的问题，当时也了解了一下现有的富文本技术，document.execCom