Export Medium to Markdown

bookmarklet.js

javascript:(()=>{function a(a){let b=a.cloneNode(!0);return b.querySelectorAll("a,b,br,code,em,i,mark,p,span,strong,strike").forEach(a=>{switch(a.tagName){case"A":{a.replaceWith(document.createTextNode("["),...a.childNodes,document.createTextNode("]"),document.createTextNode("("),document.createTextNode(a.getAttribute("href")),document.createTextNode(")"));break}case"B":case"STRONG":{a.replaceWith(document.createTextNode("**"),...a.childNodes,document.createTextNode("**"));break}case"BR":{a.replaceWith(document.createTextNode("\n"));break}case"EM":case"I":{a.replaceWith(document.createTextNode("_"),...a.childNodes,document.createTextNode("_"));break}case"CODE":{a.replaceWith(document.createTextNode("`"),...a.childNodes,document.createTextNode("`"));break}case"STRIKE":{a.replaceWith(document.createTextNode("~~"),...a.childNodes,document.createTextNode("~~"));break}case"MARK":case"SPAN":{a.replaceWith(...a.childNodes);break}case"P":{a.replaceWith(...a.childNodes,document.createTextNode("\n\n"));break}}}),b.innerHTML}let b="",c=document.querySelector("article");c.querySelectorAll("aside").forEach(a=>a.remove()),c.querySelectorAll("blockquote,figure,figure,h1,h2,h3,h4,h5,h6,ol,p,pre,ul").forEach(c=>{switch(c.tagName){case"BLOCKQUOTE":{b+=`>${a(c).trim().split("\n").join(">\n")}`;break}case"FIGURE":{let a=c.querySelector("img");if(!a)break;let d=c.innerText;b+=`<figure><img src="${a.getAttribute("src")}">${d?`<figcaption>${d}</figcaption>`:""}</figure>\n\n`;break}case"H1":{b+=`# ${a(c)}\n\n`;break}case"H2":{b+=`## ${a(c)}\n\n`;break}case"H3":{b+=`### ${a(c)}\n\n`;break}case"H4":{b+=`#### ${a(c)}\n\n`;break}case"H5":{b+=`##### ${a(c)}\n\n`;break}case"H6":{b+=`###### ${a(c)}\n\n`;break}case"OL":{c.querySelectorAll("li").forEach(c=>{b+=`1. ${a(c)}\n`}),b+="\n";break}case"P":{b+=a(c)+"\n\n";break}case"PRE":{let a=c.querySelector("code")?c.querySelector("code").innerHTML:c.innerHTML;b+="```\n"+a+"\n```\n\n";break}case"UL":{c.querySelectorAll("li").forEach(c=>{b+=`- ${a(c)}\n`}),b+="\n";break}}}),navigator.clipboard.writeText(b)})();

source.js

javascript: (() => {
  let md = '';

  function cleanEl(wrapper) {
    let replacement = wrapper.cloneNode(true);
    replacement.querySelectorAll('a,b,br,code,em,i,mark,p,span,strong,strike').forEach((el) => {
      switch(el.tagName) {
        case 'A': {
          el.replaceWith(document.createTextNode('['), ...el.childNodes, document.createTextNode(']'), document.createTextNode('('), document.createTextNode(el.getAttribute('href')), document.createTextNode(')'));
          break;
        }
        case 'B':
        case 'STRONG': {
          el.replaceWith(document.createTextNode('**'), ...el.childNodes, document.createTextNode('**'));
          break;
        }
        case 'BR': {
          el.replaceWith(document.createTextNode('\n'));
          break;
        }
        case 'EM':
        case 'I': {
          el.replaceWith(document.createTextNode('_'), ...el.childNodes, document.createTextNode('_'));
          break;
        }
        case 'CODE': {
          el.replaceWith(document.createTextNode('`'), ...el.childNodes, document.createTextNode('`'));
          break;
        }
        case 'STRIKE': {
          el.replaceWith(document.createTextNode('~~'), ...el.childNodes, document.createTextNode('~~'));
          break;
        }
        case 'MARK':
        case 'SPAN': {
          el.replaceWith(...el.childNodes);
          break;
        }
        case 'P': {
          el.replaceWith(...el.childNodes, document.createTextNode('\n\n'));
          break;
        }
      }
    });
    return replacement.innerHTML;
  }

  let container = document.querySelector('article');
  container.querySelectorAll('aside').forEach((el) => el.remove());
  container.querySelectorAll('blockquote,figure,figure,h1,h2,h3,h4,h5,h6,ol,p,pre,ul').forEach((el) => {
    switch(el.tagName) {
      case 'BLOCKQUOTE': {
        md += `>${cleanEl(el).trim().split('\n').join('>\n')}`;
        break;
      }
      case 'FIGURE': {
        let img = el.querySelector('img');
        if (!img) {
          break;
        }
        let text = el.innerText;
        md += `<figure><img src="${img.getAttribute('src')}">${text ? `<figcaption>${text}</figcaption>` : ''}</figure>\n\n`;
        break;
      }
      case 'H1': {
        md += `# ${cleanEl(el)}\n\n`;
        break;
      }
      case 'H2': {
        md += `## ${cleanEl(el)}\n\n`;
        break;
      }
      case 'H3': {
        md += `### ${cleanEl(el)}\n\n`;
        break;
      }
      case 'H4': {
        md += `#### ${cleanEl(el)}\n\n`;
        break;
      }
      case 'H5': {
        md += `##### ${cleanEl(el)}\n\n`;
        break;
      }
      case 'H6': {
        md += `###### ${cleanEl(el)}\n\n`;
        break;
      }
      case 'OL': {
        el.querySelectorAll('li').forEach((item) => {
          md += `1. ${cleanEl(item)}\n`;
        });
        md += '\n';
        break;
      }
      case 'P': {
        md += cleanEl(el) + '\n\n';
        break;
      }
      case 'PRE': {
        let code = el.querySelector('code') ? el.querySelector('code').innerHTML : el.innerHTML;
        md += '```\n' + code + '\n```\n\n';
        break;
      }
      case 'UL': {
        el.querySelectorAll('li').forEach((item) => {
          md += `- ${cleanEl(item)}\n`;
        });
        md += '\n';
        break;
      }
    }
  });
  navigator.clipboard.writeText(md);
})();

Export Medium to Markdown

Converts any Medium Post to markdown and copies it to your clipboard.

1. Save bookmarklet.js as a bookmark in your browser (paste it as the URL)
2. Navigate to any post on Medium.com
3. Click the bookmarklet and you’ll have Markdown copied to your clipboard