【问题标题】:How can I save the content of tinyMCE before destruction? (close tab, navigate etc.)如何在销毁前保存 tinyMCE 的内容? (关闭标签,导航等)
【发布时间】:2022-01-02 07:32:15
【问题描述】:

我们有一个网页,其中有一个与数据库相关联的 tinyMCE 编辑器。在这个网页中,我们有一些按钮,如“帮助”、“设置”、“注销”,它们可以“擦除”(让我们使用这个术语)我们的 tinyMCE 编辑器的内容,因为这些按钮会打开另一个布局,其中当然,编辑不在。

当用户:

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

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

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

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

注意事项:

  • 我们尝试了这个演示:https://fiddle.tiny.cloud/hRhaab/2(挂钩“删除”事件),但它似乎不起作用。
  • 另一个弹出窗口显示“未保存数据。你想继续吗?”也可以接受。
  • 数据相当小。没有图片,只有一些文字(最多几页 A4 纸)。
  • 在按钮的情况下,我们尝试通过在每个按钮下编写 DoSaveMyEditor() 来避免明显的解决方案

有什么帮助吗?

【问题讨论】:

  • 您是否尝试过将主机上的editor.input 事件与window.onbeforeunload 结合起来?这将提供未保存的数据可能会丢失的弹出窗口/功能。

标签: javascript tinymce tinymce-5


【解决方案1】:

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2016-08-04
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多