convertbookmarks.html

﻿<!DOCTYPE html>

<html>

<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta charset="utf-8" />
    <meta name="keywords" content="uuid收藏夹,书签,Bookmark" />
    <meta name="description" content="一个基于Git托管去中心化的收藏夹" />

    <base target="_blank" />

    <title>转换浏览器导出的HTML书签</title>
    <link rel="icon" href="favicon.ico">
</head>

<body>
    <input type="file" id="txtFile" style="margin-bottom:5px" />
    <div>
        <div id="editor">Loading ...</div>
    </div>

    <link href="https://npmcdn.com/netnrmd@4.0.0/dist/netnrmd.css" rel="stylesheet" />
    <script src="https://npmcdn.com/netnrmd@4.0.0/dist/netnrmd.bundle.js"></script>
    <script>
        let nmd = netnrmd.init('#editor', {
            resize: function (ch) {
                this.height(ch - 50);
            }
        });

        document.querySelector('#txtFile').addEventListener('change', function () {
            let file = this.files[0];
            if (file) {
                let reader = new FileReader();
                reader.onload = function (e) {
                    let mds = [];
                    let bm = netnrmd.createDom('div', null, e.target.result);
                    mds.push("# " + bm.querySelector('h1').innerHTML);

                    treeEach(bm, mds);

                    nmd.setmd(mds.join('\r\n'));
                };
                reader.readAsText(file);
            }
        });

        function treeEach(bm, mds) {
            for (let i = 0; i < bm.children.length; i++) {
                let n = bm.children[i];
                switch (n.nodeName) {
                    case "H3":
                        mds.push('');
                        mds.push("### " + n.innerHTML);
                        break;
                    case "DL":
                    case "P":
                        treeEach(n, mds);
                        break;
                    case "DT": {
                        if (n.children.length == 1) {
                            let na = n.querySelector('a');
                            mds.push('- [' + na.innerHTML.replace(/`/g, '\\`') + '](' + na.href + ')');
                        } else {
                            treeEach(n, mds);
                        }
                    }
                        break;
                }
            }
        }
    </script>

</body>

</html>