如何保存GrapesJS编辑器的当前阶段

Question

我使用GrapesJS创建了一个无代码工具。关闭该工具后，内容将被刷新，我以前存储的内容也会消失。即使在关闭工具之后，我也想保留旧的内容。我如何实现这一点？

Answer 1

您可以通过grapesjs存储管理器保存编辑器更改。

此存储管理器可以在浏览器本地存储中保存更改，也可以远程保存到数据库中。

折叠代码将保存到浏览器本地存储。

 const editor = grapesjs.init({
  ...
  // Default configurations
  storageManager: {
    type: 'local', // Storage type. Available: local | remote
    autosave: true, // Store data automatically
    autoload: true, // Autoload stored data on init
    stepsBeforeSave: 1, // If autosave is enabled, indicates how many changes are necessary before the store method is triggered
    // ...
    // Default storage options
    options: {
      local: {/* ... */},
      remote: {/* ... */},
    }
  },
});

有关更多详细信息，请参阅此https://grapesjs.com/docs/modules/Storage.html#configuration