Copy Page as Markdown

Convert and copy the page content as Markdown to clipboard, excluding scripts and styles.

目前為 2024-03-19 提交的版本,檢視 最新版本

您需要先安裝使用者腳本管理器擴展,如 TampermonkeyGreasemonkeyViolentmonkey 之後才能安裝該腳本。

You will need to install an extension such as Tampermonkey to install this script.

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyUserscripts 後才能安裝該腳本。

你需要先安裝一款使用者腳本管理器擴展,比如 Tampermonkey,才能安裝此腳本

您需要先安裝使用者腳本管理器擴充功能後才能安裝該腳本。

(我已經安裝了使用者腳本管理器,讓我安裝!)

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

(我已經安裝了使用者樣式管理器,讓我安裝!)

// ==UserScript==
// @name         Copy Page as Markdown
// @namespace    http://tampermonkey.net/
// @version      1.0
// @description  Convert and copy the page content as Markdown to clipboard, excluding scripts and styles.
// @author       You
// @match        *://*/*
// @grant        GM_setClipboard
// @grant        GM_addStyle
// @require      https://cdn.jsdelivr.net/npm/[email protected]/dist/turndown.js
// @license MIT
// ==/UserScript==

(function() {
    'use strict';

    // Remove <script> and <style> elements from the document
    function removeScriptsAndStyles(doc) {
        const elementsToRemove = doc.querySelectorAll('script, style');
        elementsToRemove.forEach(element => element.parentNode.removeChild(element));
        return doc;
    }

    // Create a deep clone of the document body to work with, to preserve the original page content
    let clonedBody = document.body.cloneNode(true);
    clonedBody = removeScriptsAndStyles(clonedBody);

    // Initialize Turndown service with the cloned body that excludes scripts and styles
    var turndownService = new TurndownService();
    var markdown = turndownService.turndown(clonedBody.innerHTML);

    // Function to copy text to clipboard (might need permissions depending on the userscript manager)
    function copyTextToClipboard(text) {
        GM_setClipboard(text, 'text'); // Copy Markdown to clipboard
    }

    // Add a button to trigger the conversion and copying
    var button = document.createElement('button');
    button.textContent = 'Copy as Markdown';
    button.style.position = 'fixed';
    button.style.top = '20px';
    button.style.right = '20px';
    button.style.zIndex = 10000;
    document.body.appendChild(button);

    button.addEventListener('click', function() {
        copyTextToClipboard(markdown);
    });
})();