Function showMarkdownModal

web-clipper/web-clipper.user.js:577–702

(markdown)

    }
    // 预览
    function showMarkdownModal(markdown) {
        var $modal = $(`
                    <div class="h2m-modal-overlay">
                        <div class="h2m-modal">
                            <textarea>${markdown}</textarea>
                            <div class="h2m-preview">${marked.parse(markdown)}</div>
                            <div class="h2m-buttons">
                                <button class="h2m-copy">${translate.copy}</button>
                                <button class="h2m-download">${translate.download_md}</button>
                                <button class="h2m-github">${translate.send_to_github}</button>
                                <select class="h2m-obsidian-select">${translate.send_to_obsidian}</select>
                            </div>
                            <button class="h2m-close">X</button>
                        </div>
                    </div>
                `)

        $modal.find('.h2m-obsidian-select').append($('<option>').val('').text(`${translate.send_to_obsidian}`))
        for (const vault in obsidianConfig) {
            for (const path of obsidianConfig[vault]) {
                // 插入元素
                const $option = $('<option>')
                    .val(`obsidian://advanced-uri?vault=${vault}&filepath=${path}`)
                    .text(`${vault}: ${path}`)
                $modal.find('.h2m-obsidian-select').append($option)
            }
        }

        $modal.find('textarea').on('input', function () {
            // console.log("Input event triggered");
            var markdown = $(this).val()
            var html = marked.parse(markdown)
            // console.log("Markdown:", markdown);
            // console.log("HTML:", html);
            $modal.find('.h2m-preview').html(html)
        })

        $modal.on('keydown', function (e) {
            if (e.key === 'Escape') {
                $modal.remove()
            }
        })

        $modal.find('.h2m-copy').on('click', function () { // 复制到剪贴板
            GM_setClipboard($modal.find('textarea').val())
            $modal.find('.h2m-copy').text(`${translate.copied}`)
            setTimeout(() => {
                $modal.find('.h2m-copy').text(`${translate.copy}`)
            }, 1000)
        })
        $modal.find('.h2m-github').on('click', function () {
            const github_token = GM_getValue('github_token', '')
            const github_owner = GM_getValue('OWNER', '')
            const github_repo = GM_getValue('REPO', '')

            if (!github_token || !github_owner || !github_repo) {
                showConfig()
                return