给Picky添加自动保存草稿功能(HTML 5特性)

2010-08-24 21:18:15 +08:00
 xinzhi
今天看到@c的xFox论坛,其中一个feature就是发帖框文字可以自动保存,刚才看了下源码,挺简单的,使用了HTML 5的本地存储特性。将xFox里的自动保存功能添加到Picky也十分简单:

1)下载autosave.js
http://xfox.appspot.com/static/autosave.js
保存至/static/shared/,代码基本无需修改即可使用,但建议将#btn_clear修改为#doDiscard,以便点击Discard按钮的时候清空本地草稿。

2)修改模版文件/tpl/writer/header.html,在</body>之前添加一行:
<script src="/static/shared/autosave.js" type="text/javascript"></script>
(加到</head>之前也行)

3)上传更新,完毕。

以后使用Writer写文章,正文内容将5秒钟自动保存一次。
4849 次点击
所在节点    Project Picky
4 条回复
summic
2010-08-24 23:02:50 +08:00
cool
Weakdancer
2010-08-25 00:39:54 +08:00
good
Leo
2010-08-25 00:59:22 +08:00
很实用的一个功能,自己动手丰衣足食
c
2010-08-25 08:57:31 +08:00
@xinzhi 呵呵,还有一些用户体验方面的BUG需要解决那。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/1993

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX