WP导航主题WebStack Pro魔改优化教程(八):继续完善本地网址功能,支持导入Chrome的书签。

技术文摘 4个月前 8KMM
15.9K 1 0

之前有站友留言建议:“能不能搞个本地书签HTML文件,导入到我的导航。 毕竟大部分普通用户一个个添加也麻烦,而好多用户收藏夹都会收藏好多网址。”

安排……………………

效果:

WP导航主题WebStack Pro魔改优化教程(八):继续完善本地网址功能,支持导入Chrome的书签。

 

 

原理: 上传Chrome导出的html书签文件, 通过纯前端的方式提取文本中链接和内容,插入到localStorage中。

同时支持之前JSON格式导入和导出。

见上篇文章:WP导航主题WebStackPro魔改优化教程(七):继续完善本地网址功能,重复的网址不让保存。

实现方式:

利用正则提取HTML中的链接和内容, 代码如下:

function ImportMyBooks(mydata)
{
var re=/<A[^>]*HREF=['"]([^"]*)['"][^>]*>(.*?)<\/A>/g;
var arr=[];
if(re.exec(mydata)!=null)
{
if (confirm("当前数据将被覆盖!是否继续导入?")) {
localStorage.removeItem('myLinks');
while(re.exec(mydata)!=null) {
addSiteList({id: +new Date,name: RegExp.$2,url: RegExp.$1});
}
$(".btn-close-fm").click()
return true;
}
}
else
{
alert("导入收藏HTML类型时数据解析异常,杀站长祭天!");
return false;
}
}

然后在对应的地方调用就行。

 

相关文章

1 条评论

  • 包子
    包子 游客

    666很棒

    回复