html - 如何导出我的书签并将它们导入到表格中？

Question

多年来我收集了数百个书签，我想将它们放入一个可搜索的表格中，其中包含类别、类型、描述等额外信息。

我的第一次尝试是手动将它们放入 JSON 文件，然后使用 DataTables 插件显示它们，但是，这既乏味又耗时。

第二次尝试是使用 Wordpress 并使用高级自定义字段来执行此操作，但仍然非常乏味。

显然，我可以将我的书签导出为一个 HTML 文件，并且我正在考虑对该文件进行编辑和样​​式化以满足我的需要，但它绝对是巨大的并且还包含大量无关信息。我一直在尝试使用此文件的 CSV 转换将其导入到各种 Wordpress 插件中，这些插件说它们提供了确切的功能以了解其用途。我也尝试过对导出到 JSON 文件的 firefox 备份做类似的事情，但还是没有成功。

我知道我将不得不手动输入一些信息，但我正在尝试将工作量减少大约三分之一。我会以错误的方式解决这个问题吗？有可能吗？只是想知道是否有人尝试过做同样的事情以及他们是如何做到的。

Answer 1

这是一个可爱的挑战，谢谢。基本上，我所做的是将导出的书签保存为 HTML，然后创建一个带有空表的简单页面。然后我的 JS 这样做:

$(function() {
    var example = $("#example").DataTable({
        "responsive": true,
        "columns": [
            {
                "title": "Title",
                "data": "text"
            },{
                "title": "Date added",
                "data": "date",
                "render": function(d){
                    return moment(d, "X").format("DD/MM/YYYY");
                }
            },{
                "title": "URI",
                "data": "href",
                "render": function(d){
                    return $("<a></a>",{
                        "text": d,
                        "href": d
                    }).prop("outerHTML");
                }
            }
        ],
        "initComplete": function(settings, json) {
            $.get("bookmarks_12_2_16.html", function( data ) {
                $(data).find("dl").children("dt").children("a").each(function(k, v){
                    if(!~~$(v).attr("href").indexOf("http")){
                        example.row.add({
                            "href": $(v).attr("href"),
                            "text": $(v).text(),
                            "date": $(v).attr("add_date")
                        });
                    }
                });
                example.draw();
            });
        }
    });
});

基本上，它获取s HTML 并遍历dl 中的dt，如果href 是 http 或 https，它将它添加到具有正确日期的表中(你的日期函数可能必须有所不同，因为我在英国和我正在使用 momentjs )。希望对您有所帮助。