ck-editor5的研究 (5)：优化-页面离开时提醒保存，顺便了解一下 Editor的生命周期 和 6大编辑器类型

前言

经过前面的 4 篇内容，我们已经慢慢对 CKEditor5 熟悉起来了。这篇文章，我们就来做一个优化，顺便再补几个知识点：

1. 当用户离开时页面时，提醒他保存数据
2. 了解一下 CKEditor5 的 六大编辑器类型
3. 了解一下 editor 实例对象的生命周期

大致效果如下：

提醒用户退出页面功能(3步)

想象一下，辛辛苦苦写完的内容，不小心刷新页面或者关掉浏览器标签，数据就没了，是不是体验很糟糕。所以我们应该在用户卸载页面时进行提醒。

1. 先搭建目录

同样的，我们使用上一篇文章 ck-editor5的研究 (4)：初步使用 CKEditor5 的插件功能 的代码进行搭建。也是三个文件，一个 ckeditor5.ts, 一个 ckeditor5.client.vue ,一个 demo5/inde