保存编辑内容的JQuery简单示例

Question

我正在寻找一个简单的例子来保存contentEditable div中的内容而不使用php。我无法使用php，因为我在Google文档中使用它。我更喜欢innerHTML的一个例子。

Answer 1

如果您不想使用PHP或任何Server Side Script，那么您只能使用cookies或localStorage

$('div.contentEditable').on('keyup',function(){
    localStorage.setItem('content',$(this).html());
});

获取localstorage项目，如

localStorage.getItem('content');// if content is previously set

如果您可以使用服务器端脚本，则使用$.ajax()将其存储在数据库中并使用它。