我正在做一个笔记应用程序,它处于原型开发的早期阶段,所以我只想整理一些对自己有用的东西。 我的文本编辑器是使用Quill构建的,而我正在使用Vue来构建整个应用程序。目前,我没有后端,因此没有server.js。 我希望我的应用程序能够保存我放入编辑器中的信息,并在重建应用程序时重新加载信息。
我签出了鹅毛笔here提供的自动保存选项
但是我不确定$.post
的用途和发布位置。
我可以简单地将其发布到本地.json文件中吗?
在我的案子中,最好保留什么?示例是记录更改,我应该如何处理更改?
我事先为我的问题不够清楚表示歉意,因为我不知道确切要实现自己的目标应该问什么。 任何建议表示赞赏。
答案 0 :(得分:0)
因此,如果我理解正确,那么您要问的是没有服务器时如何实现quilljs的自动保存功能。但是,您已经回答了自己的问题。
另一种方法是将内容保存到浏览器的本地存储中,并在每次加载应用程序时加载数据。
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()