我正在开发ePen,这是一个可以创建 HTML 导出的小说编辑器。为了让读者更容易理解故事,我考虑支持在页面上可见的书签(这样您就可以标记部分文本或将图像拖到它粘贴的地方)。信息应保存在 cookie 中,并在读者返回时重新加载,以便他们可以快速跳转到页面并放置在他们离开的地方。
我有哪些选择?类似的东西已经存在了吗?你见过类似的东西吗?
我正在开发ePen,这是一个可以创建 HTML 导出的小说编辑器。为了让读者更容易理解故事,我考虑支持在页面上可见的书签(这样您就可以标记部分文本或将图像拖到它粘贴的地方)。信息应保存在 cookie 中,并在读者返回时重新加载,以便他们可以快速跳转到页面并放置在他们离开的地方。
我有哪些选择?类似的东西已经存在了吗?你见过类似的东西吗?
我在我的 Haul story 中实施了一个解决方案。请参阅bookmarks.js
JavaScript 以及您需要一个 DIV(请参阅bookmarkContainer
页面源代码)以及bookmark.css
来自 jQuery ( ) 的几个脚本jquery-1.4.2.js, jquery-ui-1.8rc2.custom.min.js, jquery.cookie.js, jquery.url_toolbox.js, jquery.timers-1.2.js
。
页面中的嵌入脚本(之前bookmark.js
)定义了书签信息的 cookie 名称(全局变量BOOKMARK_COOKIE
)。
您可以使用 javascript 滚动到页面的一部分。所以如果你有一个可以拖动的元素,你可以获取它的坐标并保存它。当有人想去书签时,您可以滚动到您保存的坐标。
window.scrollTo(left, top)
是滚动到页面的一部分的功能。
使用jQuery之类的框架可以轻松添加拖动行为。如果您随后获得偏移量并将其保存在某处,则恢复它不会那么难。