Copy Multiple Files to Markdown with One Script for GitHub Gist

This JavaScript snippet is a self-invoking utility designed to collect multiple file entries from a web page and copy them to the clipboard as a clean, Markdown-formatted document. It is especially useful when working with interfaces that display several editable files, such as code editors or snippet managers.

• It scans the page for elements marked as files.
• For each file, it extracts the displayed file name and its text content.
• It wraps each file’s content in Markdown-style code fences.
• It combines all files into a single Markdown string, separated by blank lines.
• It copies the final result directly to the clipboard using a temporary textarea.

The script runs entirely in the browser, requires no external libraries, and provides a simple console message indicating whether the copy operation succeeded. This makes it a practical, lightweight solution for quickly exporting structured content for documentation or sharing.

javascript:(()=>{const md=Array.from(document.querySelectorAll(%22.file%22)).map(file=>{const nameEl=file.querySelector(%22:scope > .file-header > .file-info > a > strong%22);const fileName=(nameEl?.innerText||%22%22).trim();const%20textEl=file.querySelector(%27:scope%20%3E%20textarea[name=%22gist[content]%22]%27);const%20content=(textEl?.value??%22%22).trimEnd();const%20delimiter=content.includes(%22`%22.repeat(3))?%22~%22.repeat(3):%22`%22.repeat(3);let%20lang=%22%22;fileName.endsWith(%22.md%22)?lang=%22markdown%22:fileName.endsWith(%22.py%22)?lang=%22python%22:fileName.endsWith(%22.js%22)?lang=%22javascript%22:fileName.endsWith(%22.service%22)||fileName.endsWith(%22.timer%22)?lang=%22ini%22:fileName.endsWith(%22.c%22)||fileName.endsWith(%22.h%22)?lang=%22c%22:fileName.endsWith(%22.cpp%22)||fileName.endsWith(%22.hpp%22)?lang=%22c++%22:fileName.endsWith(%22.json%22)?lang=%22json%22:fileName.endsWith(%22.toml%22)&&(lang=%22toml%22);return%22##%20%60%22+fileName+%22%60\n\n%22+delimiter+lang+%22\n%22+content+%22\n%22+delimiter+%22\n%22}).filter(Boolean).join(%22\n\n%22);const%20ta=document.createElement(%22textarea%22);ta.value=md;ta.setAttribute(%22readonly%22,%22%22);ta.style.position=%22fixed%22;ta.style.top=%22-9999px%22;ta.style.left=%22-9999px%22;document.body.appendChild(ta);ta.focus();ta.select();const%20ok=document.execCommand(%22copy%22);document.body.removeChild(ta);console.log(ok?%22Copied%20to%20clipboard.%22:%22Copy%20failed.%22)})();

(() => {
  const md = Array.from(document.querySelectorAll('.file'))
    .map((file) => {
      const nameEl = file.querySelector(
        ':scope > .file-header > .file-info > a > strong',
      );
      const fileName = (nameEl?.innerText || '').trim();
      const textEl = file.querySelector(
        ':scope > textarea[name="gist[content]"]',
      );
      const content = (textEl?.value ?? '').trimEnd();
      const delimiter = content.includes('`'.repeat(3))
        ? '~'.repeat(3)
        : '`'.repeat(3);
      let lang = '';
      fileName.endsWith('.md')
        ? (lang = 'markdown')
        : fileName.endsWith('.py')
          ? (lang = 'python')
          : fileName.endsWith('.js')
            ? (lang = 'javascript')
            : fileName.endsWith('.service') || fileName.endsWith('.timer')
              ? (lang = 'ini')
              : fileName.endsWith('.c') || fileName.endsWith('.h')
                ? (lang = 'c')
                : fileName.endsWith('.cpp') || fileName.endsWith('.hpp')
                  ? (lang = 'c++')
                  : fileName.endsWith('.json')
                    ? (lang = 'json')
                    : fileName.endsWith('.toml') && (lang = 'toml');
      return (
        '## `' +
        fileName +
        '`\n\n' +
        delimiter +
        lang +
        '\n' +
        content +
        '\n' +
        delimiter +
        '\n'
      );
    })
    .filter(Boolean)
    .join('\n\n');
  const ta = document.createElement('textarea');
  ta.value = md;
  ta.setAttribute('readonly', '');
  ta.style.position = 'fixed';
  ta.style.top = '-9999px';
  ta.style.left = '-9999px';
  document.body.appendChild(ta);
  ta.focus();
  ta.select();
  const ok = document.execCommand('copy');
  document.body.removeChild(ta);
  console.log(ok ? 'Copied to clipboard.' : 'Copy failed.');
})();