使用Quill.js保存和重新加载数据时,我有哪些选择?

时间:2019-06-19 03:53:15

标签: javascript node.js vue.js quill

我正在做一个笔记应用程序,它处于原型开发的早期阶段,所以我只想整理一些对自己有用的东西。 我的文本编辑器是使用Quill构建的,而我正在使用Vue来构建整个应用程序。目前,我没有后端,因此没有server.js。 我希望我的应用程序能够保存我放入编辑器中的信息,并在重建应用程序时重新加载信息。

我签出了鹅毛笔here提供的自动保存选项 但是我不确定$.post的用途和发布位置。

我可以简单地将其发布到本地.json文件中吗?

在我的案子中,最好保留什么?示例是记录更改,我应该如何处理更改?

我事先为我的问题不够清楚表示歉意,因为我不知道确切要实现自己的目标应该问什么。 任何建议表示赞赏。

1 个答案:

答案 0 :(得分:0)

因此,如果我理解正确,那么您要问的是没有服务器时如何实现quilljs的自动保存功能。但是,您已经回答了自己的问题。

  • 一种简单的方法是将文档保存到本地json文件中。但是我不知道您是否可以使用js做到这一点。
  • 另一种方法是将内容保存到浏览器的本地存储中,并在每次加载应用程序时加载数据。

    void va_start(va_list ap, parmN);
    

然后在vue组件的var Delta = Quill.import('delta'); var quill = new Quill('#editor-container', { modules: { toolbar: true }, placeholder: 'Compose an epic...', theme: 'snow' }); // Store accumulated changes var change = new Delta(); quill.on('text-change', function(delta) { change = change.compose(delta); }); // Save periodically setInterval(function() { if (change.length() > 0) { console.log('Saving changes', change); // Save the entire updated text to localStorage const data = JSON.stringify(quill.getContents()) localStorage.setItem('storedText', data); change = new Delta(); } }, 5*1000); // Check for unsaved data window.onbeforeunload = function() { if (change.length() > 0) { return 'There are unsaved changes. Are you sure you want to leave?'; } } 内,使用以下命令获取已保存的数据:

mounted()