如何在销毁前保存tinyMCE的内容?(关闭选项卡、导航等)

Question

我们有一个网页，它有一个绑定到DB的tinyMCE编辑器。在这个网页中，我们有一些按钮，如"帮助"、"设置"、"注销"，它们可以"擦除"(让我们使用这个术语(tinyMCE编辑器的内容，因为这些按钮打开了另一个布局，当然，编辑器不在其中。

当用户：时，我们希望触发"保存到Db"子系统

1. 点击任何破坏编辑器的按钮(见上文(
2. 关闭选项卡/浏览器，销毁tinyMCE编辑器
3. 通过导航到其他地方(例如从ourSite.com到google.com(销毁tinyMCE编辑器

现在我们测试了以上所有内容，(当然(内容没有保存。

我们如何实现销毁时的自动保存？

该解决方案必须适用于Chrome/Edge、Firefox和Safari。

注：

• 我们尝试了这个演示：https://fiddle.tiny.cloud/hRhaab/2(勾选"移除"事件(，但似乎不起作用
• 另一个弹出窗口显示"数据未保存"。是否要继续？"也是可以接受的
• 数据相当小。没有图像，只有一些文本(最多只有几页A4纸(
• 在按钮的情况下，我们试图通过在每个按钮下写一个DoSaveMyEditor((来避免显而易见的解决方案

有什么帮助吗？

Answer 1

您可以使用TinyMCE自动保存插件。它自己完成这项工作，但将数据保存到本地存储中。但是，它可以通过设置autosave_prefix来识别，然后从存储器中取出并上传到您的数据库中。