Make any page look like-ish Markdown

README.md

Markdown[ish]ify

Make any page look like-ish Markdown.

Inspired by

http://mrcoles.com/demo/markdown-css/?ref=webdesignernews.com

Bookmarklet

1. copy the contents of markdownishify.min.js to your clipboard
2. add a new bookmark
3. type javascript: into the URL field
4. paste the clipboard

Issues

• Blockquotes are still a little 🙈

markdownishify.js

(function(w,fE,qSA,d,b,h,e){
  d=w.document;
  qSA=d.querySelectorAll.bind(d);
  b=d.body;
  fE.call(qSA('link[rel=stylesheet],style'),_=>_.remove());
  e=d.createElement('link');
  e.rel='stylesheet';
  e.href='data:text/css;base64,Lm1hcmtkb3duLCAubWFya2Rvd24gaDEsIC5tYXJrZG93biBoMiwgLm1hcmtkb3duIGgzLCAubWFya2Rvd24gaDQsIC5tYXJrZG93biBoNSwgLm1hcmtkb3duIGg2LCAubWFya2Rvd24gcHJlLCAubWFya2Rvd24gY29kZSwgLm1hcmtkb3duIGJsb2NrcXVvdGUsIC5tYXJrZG93biBlbSwgLm1hcmtkb3duIHN0cm9uZywgLm1hcmtkb3duIGNvZGUgeyAgIGZvbnQtc2l6ZTogMTRweDsgICBsaW5lLWhlaWdodDogMjBweDsgICBmb250LXdlaWdodDogbm9ybWFsOyAgIGZvbnQtc3R5bGU6IG5vcm1hbDsgICBmb250LWZhbWlseTogY29uc29sYXMsIG1vbmFjbywgY291cmllciwgJ2NvdXJpZXIgbmV3JywgZml4ZWQtd2lkdGg7ICAgY29sb3I6ICMzMzMzMzM7IH0gLm1hcmtkb3duIGgxLCAubWFya2Rvd24gaDIsIC5tYXJrZG93biBoMywgLm1hcmtkb3duIGg0LCAubWFya2Rvd24gaDUsIC5tYXJrZG93biBoNiwgLm1hcmtkb3duIHByZSwgLm1hcmtkb3duIGNvZGUsIC5tYXJrZG93biBibG9ja3F1b3RlLCAubWFya2Rvd24gb2wsIC5tYXJrZG93biB1bCwgLm1hcmtkb3duIGxpLCAubWFya2Rvd24gcCwgLm1hcmtkb3duIHNlY3Rpb24sIC5tYXJrZG93biBoZWFkZXIsIC5tYXJrZG93biBmb290ZXIgeyAgIGZsb2F0OiBub25lOyAgIG1hcmdpbjogMDsgICBwYWRkaW5nOiAwOyB9IC5tYXJrZG93biBoMSwgLm1hcmtkb3duIHAsIC5tYXJrZG93biB1bCwgLm1hcmtkb3duIG9sLCAubWFya2Rvd24gcHJlLCAubWFya2Rvd24gYmxvY2txdW90ZSB7ICAgbWFyZ2luLXRvcDogMjBweDsgICBtYXJnaW4tYm90dG9tOiAyMHB4OyB9IC5tYXJrZG93biBoMSB7ICAgcG9zaXRpb246IHJlbGF0aXZlOyAgIGRpc3BsYXk6IGlubGluZS1ibG9jazsgICBkaXNwbGF5OiB0YWJsZS1jZWxsOyAgIHBhZGRpbmc6IDIwcHggMCA0MHB4OyAgIG1hcmdpbjogMDsgICBvdmVyZmxvdzogaGlkZGVuOyB9IC5tYXJrZG93biBoMTphZnRlciB7ICAgY29udGVudDogJz09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT0nOyAgIHBvc2l0aW9uOiBhYnNvbHV0ZTsgICBib3R0b206IDIwcHg7ICAgbGVmdDogMDsgfSAubWFya2Rvd24gaDEgKyAqIHsgICBtYXJnaW4tdG9wOiAwOyB9IC5tYXJrZG93biBoMiwgLm1hcmtkb3duIGgzLCAubWFya2Rvd24gaDQsIC5tYXJrZG93biBoNSwgLm1hcmtkb3duIGg2IHsgICBwb3NpdGlvbjogcmVsYXRpdmU7ICAgbWFyZ2luLWJvdHRvbTogMjBweDsgfSAubWFya2Rvd24gaDI6YmVmb3JlLCAubWFya2Rvd24gaDM6YmVmb3JlLCAubWFya2Rvd24gaDQ6YmVmb3JlLCAubWFya2Rvd24gaDU6YmVmb3JlLCAubWFya2Rvd24gaDY6YmVmb3JlIHsgICBjb250ZW50OiAnIyMgJzsgICBkaXNwbGF5OiBpbmxpbmU7IH0gLm1hcmtkb3duIGgzOmJlZm9yZSB7ICAgY29udGVudDogJyMjIyAnOyB9IC5tYXJrZG93biBoNDpiZWZvcmUgeyAgIGNvbnRlbnQ6ICcjIyMjICc7IH0gLm1hcmtkb3duIGg1OmJlZm9yZSB7ICAgY29udGVudDogJyMjIyMjICc7IH0gLm1hcmtkb3duIGg2OmJlZm9yZSB7ICAgY29udGVudDogJyMjIyMjIyAnOyB9IC5tYXJrZG93biBsaSB7ICAgcG9zaXRpb246IHJlbGF0aXZlOyAgIGRpc3BsYXk6IGJsb2NrOyAgIHBhZGRpbmctbGVmdDogMzZweDsgfSAubWFya2Rvd24gbGk6YWZ0ZXIgeyAgIHBvc2l0aW9uOiBhYnNvbHV0ZTsgICB0b3A6IDA7ICAgbGVmdDogMDsgfSAubWFya2Rvd24gdWwgPiBsaTphZnRlciB7ICAgY29udGVudDogJyonOyB9IC5tYXJrZG93biBvbCA+IGxpOmFmdGVyIHsgICBjb250ZW50OiAnMS4nOyB9IC5tYXJrZG93biBwcmUgeyAgIG1hcmdpbi1sZWZ0OiAzNnB4OyB9IC5tYXJrZG93biBibG9ja3F1b3RlIHsgICBwb3NpdGlvbjogcmVsYXRpdmU7ICAgcGFkZGluZy1sZWZ0OiAxOHB4OyAgIG92ZXJmbG93OiBoaWRkZW47IH0gLm1hcmtkb3duIGJsb2NrcXVvdGU6YWZ0ZXIgeyAgIGNvbnRlbnQ6ICc+QT5BPkE+QT5BPkE+QT5BPkE+QT5BPkE+QT5BPkE+QT5BPkE+QT5BPkE+QT5BPkE+QT5BPkE+QT5BPkE+QT5BPkE+QT5BPkE+QT5BPkE+QT5BPkE+QT5BPkE+QT5BPkE+QT5BPkE+QT5BPkE+QT5BPkE+QT5BPkE+QT5BPkE+QT5BPkE+QT5BPkE+QT5BPkE+QT5BPkE+QT5BPkE+QT5BPkE+QT5BPkE+QT5BPkE+QT5BPkE+QT5BPkE+QT5BPkE+QT5BPkE+JzsgICB3aGl0ZS1zcGFjZTogcHJlOyAgIHBvc2l0aW9uOiBhYnNvbHV0ZTsgICB0b3A6IDA7ICAgbGVmdDogMDsgICBmb250LXNpemU6IDE0cHg7ICAgbGluZS1oZWlnaHQ6IDIwcHg7IH0gLm1hcmtkb3duIHN0cm9uZzpiZWZvcmUsIC5tYXJrZG93biBzdHJvbmc6YWZ0ZXIgeyAgIGNvbnRlbnQ6ICdfXyc7ICAgZGlzcGxheTogaW5saW5lOyB9IC5tYXJrZG93biBlbTpiZWZvcmUsIC5tYXJrZG93biBlbTphZnRlciB7ICAgY29udGVudDogJyonOyAgIGRpc3BsYXk6IGlubGluZTsgfSAubWFya2Rvd24gYSB7ICAgdGV4dC1kZWNvcmF0aW9uOiBub25lOyB9IC5tYXJrZG93biBhOmJlZm9yZSB7ICAgY29udGVudDogJ1snOyAgIGRpc3BsYXk6IGlubGluZTsgICBjb2xvcjogIzMzMzMzMzsgfSAubWFya2Rvd24gYTphZnRlciB7ICAgY29udGVudDogJ10oJyBhdHRyKGhyZWYpICcpJzsgICBkaXNwbGF5OiBpbmxpbmU7ICAgY29sb3I6ICMzMzMzMzM7IH0gLm1hcmtkb3duIGNvZGUgeyAgIGZvbnQtd2VpZ2h0OiAxMDA7IH0gLm1hcmtkb3duIGNvZGU6YmVmb3JlLCAubWFya2Rvd24gY29kZTphZnRlciB7ICAgY29udGVudDogJ2AnOyAgIGRpc3BsYXk6IGlubGluZTsgfSAubWFya2Rvd24gcHJlIGNvZGU6YmVmb3JlLCAubWFya2Rvd24gcHJlIGNvZGU6YWZ0ZXIgeyAgIGNvbnRlbnQ6IG5vbmU7IH0gLm1hcmtkb3duIGhyIHsgICBwb3NpdGlvbjogcmVsYXRpdmU7ICAgaGVpZ2h0OiAyMHB4OyAgIGZvbnQtc2l6ZTogMDsgICBsaW5lLWhlaWdodDogMDsgICBvdmVyZmxvdzogaGlkZGVuOyAgIGJvcmRlcjogMDsgICBtYXJnaW4tYm90dG9tOiAyMHB4OyB9IC5tYXJrZG93biBocjphZnRlciB7ICAgY29udGVudDogJy0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0nOyAgIHBvc2l0aW9uOiBhYnNvbHV0ZTsgICB0b3A6IDA7ICAgbGVmdDogMDsgICBmb250LXNpemU6IDE0cHg7ICAgbGluZS1oZWlnaHQ6IDIwcHg7ICAgd29yZC13cmFwOiBicmVhay13b3JkOyB9IEAtbW96LWRvY3VtZW50IHVybC1wcmVmaXgoKSB7ICAgLm1hcmtkb3duIGgxIHsgICAgIGRpc3BsYXk6IGJsb2NrOyAgIH0gfQ==';
  e.type='text/css';
  d.head.appendChild(e);
  with(b){
    classList.add('markdown');
    with(style){
      width='600px';
      margin='2em auto';
      wordWrap='break-word';
    }
  }
  fE.call(qSA('a img,svg'), l=>{with(l.style){maxHeight='1em';maxWidth='1em';}});
}(window, [].forEach))

markdownishify.min.js

(function(w,fE,qSA,d,b,h,e){d=w.document;qSA=d.querySelectorAll.bind(d);b=d.body;fE.call(qSA('link[rel=stylesheet],style'),_=>_.remove());e=d.createElement('link');e.rel='stylesheet';e.href='data:text/css;base64,Lm1hcmtkb3duLCAubWFya2Rvd24gaDEsIC5tYXJrZG93biBoMiwgLm1hcmtkb3duIGgzLCAubWFya2Rvd24gaDQsIC5tYXJrZG93biBoNSwgLm1hcmtkb3duIGg2LCAubWFya2Rvd24gcHJlLCAubWFya2Rvd24gY29kZSwgLm1hcmtkb3duIGJsb2NrcXVvdGUsIC5tYXJrZG93biBlbSwgLm1hcmtkb3duIHN0cm9uZywgLm1hcmtkb3duIGNvZGUgeyAgIGZvbnQtc2l6ZTogMTRweDsgICBsaW5lLWhlaWdodDogMjBweDsgICBmb250LXdlaWdodDogbm9ybWFsOyAgIGZvbnQtc3R5bGU6IG5vcm1hbDsgICBmb250LWZhbWlseTogY29uc29sYXMsIG1vbmFjbywgY291cmllciwgJ2NvdXJpZXIgbmV3JywgZml4ZWQtd2lkdGg7ICAgY29sb3I6ICMzMzMzMzM7IH0gLm1hcmtkb3duIGgxLCAubWFya2Rvd24gaDIsIC5tYXJrZG93biBoMywgLm1hcmtkb3duIGg0LCAubWFya2Rvd24gaDUsIC5tYXJrZG93biBoNiwgLm1hcmtkb3duIHByZSwgLm1hcmtkb3duIGNvZGUsIC5tYXJrZG93biBibG9ja3F1b3RlLCAubWFya2Rvd24gb2wsIC5tYXJrZG93biB1bCwgLm1hcmtkb3duIGxpLCAubWFya2Rvd24gcCwgLm1hcmtkb3duIHNlY3Rpb24sIC5tYXJrZG93biBoZWFkZXIsIC5tYXJrZG93biBmb290ZXIgeyAgIGZsb2F0OiBub25lOyAgIG1hcmdpbjogMDsgICBwYWRkaW5nOiAwOyB9IC5tYXJrZG93biBoMSwgLm1hcmtkb3duIHAsIC5tYXJrZG93biB1bCwgLm1hcmtkb3duIG9sLCAubWFya2Rvd24gcHJlLCAubWFya2Rvd24gYmxvY2txdW90ZSB7ICAgbWFyZ2luLXRvcDogMjBweDsgICBtYXJnaW4tYm90dG9tOiAyMHB4OyB9IC5tYXJrZG93biBoMSB7ICAgcG9zaXRpb246IHJlbGF0aXZlOyAgIGRpc3BsYXk6IGlubGluZS1ibG9jazsgICBkaXNwbGF5OiB0YWJsZS1jZWxsOyAgIHBhZGRpbmc6IDIwcHggMCA0MHB4OyAgIG1hcmdpbjogMDsgICBvdmVyZmxvdzogaGlkZGVuOyB9IC5tYXJrZG93biBoMTphZnRlciB7ICAgY29udGVudDogJz09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT0nOyAgIHBvc2l0aW9uOiBhYnNvbHV0ZTsgICBib3R0b206IDIwcHg7ICAgbGVmdDogMDsgfSAubWFya2Rvd24gaDEgKyAqIHsgICBtYXJnaW4tdG9wOiAwOyB9IC5tYXJrZG93biBoMiwgLm1hcmtkb3duIGgzLCAubWFya2Rvd24gaDQsIC5tYXJrZG93biBoNSwgLm1hcmtkb3duIGg2IHsgICBwb3NpdGlvbjogcmVsYXRpdmU7ICAgbWFyZ2luLWJvdHRvbTogMjBweDsgfSAubWFya2Rvd24gaDI6YmVmb3JlLCAubWFya2Rvd24gaDM6YmVmb3JlLCAubWFya2Rvd24gaDQ6YmVmb3JlLCAubWFya2Rvd24gaDU6YmVmb3JlLCAubWFya2Rvd24gaDY6YmVmb3JlIHsgICBjb250ZW50OiAnIyMgJzsgICBkaXNwbGF5OiBpbmxpbmU7IH0gLm1hcmtkb3duIGgzOmJlZm9yZSB7ICAgY29udGVudDogJyMjIyAnOyB9IC5tYXJrZG93biBoNDpiZWZvcmUgeyAgIGNvbnRlbnQ6ICcjIyMjICc7IH0gLm1hcmtkb3duIGg1OmJlZm9yZSB7ICAgY29udGVudDogJyMjIyMjICc7IH0gLm1hcmtkb3duIGg2OmJlZm9yZSB7ICAgY29udGVudDogJyMjIyMjIyAnOyB9IC5tYXJrZG93biBsaSB7ICAgcG9zaXRpb246IHJlbGF0aXZlOyAgIGRpc3BsYXk6IGJsb2NrOyAgIHBhZGRpbmctbGVmdDogMzZweDsgfSAubWFya2Rvd24gbGk6YWZ0ZXIgeyAgIHBvc2l0aW9uOiBhYnNvbHV0ZTsgICB0b3A6IDA7ICAgbGVmdDogMDsgfSAubWFya2Rvd24gdWwgPiBsaTphZnRlciB7ICAgY29udGVudDogJyonOyB9IC5tYXJrZG93biBvbCA+IGxpOmFmdGVyIHsgICBjb250ZW50OiAnMS4nOyB9IC5tYXJrZG93biBwcmUgeyAgIG1hcmdpbi1sZWZ0OiAzNnB4OyB9IC5tYXJrZG93biBibG9ja3F1b3RlIHsgICBwb3NpdGlvbjogcmVsYXRpdmU7ICAgcGFkZGluZy1sZWZ0OiAxOHB4OyAgIG92ZXJmbG93OiBoaWRkZW47IH0gLm1hcmtkb3duIGJsb2NrcXVvdGU6YWZ0ZXIgeyAgIGNvbnRlbnQ6ICc+QT5BPkE+QT5BPkE+QT5BPkE+QT5BPkE+QT5BPkE+QT5BPkE+QT5BPkE+QT5BPkE+QT5BPkE+QT5BPkE+QT5BPkE+QT5BPkE+QT5BPkE+QT5BPkE+QT5BPkE+QT5BPkE+QT5BPkE+QT5BPkE+QT5BPkE+QT5BPkE+QT5BPkE+QT5BPkE+QT5BPkE+QT5BPkE+QT5BPkE+QT5BPkE+QT5BPkE+QT5BPkE+QT5BPkE+QT5BPkE+QT5BPkE+QT5BPkE+QT5BPkE+JzsgICB3aGl0ZS1zcGFjZTogcHJlOyAgIHBvc2l0aW9uOiBhYnNvbHV0ZTsgICB0b3A6IDA7ICAgbGVmdDogMDsgICBmb250LXNpemU6IDE0cHg7ICAgbGluZS1oZWlnaHQ6IDIwcHg7IH0gLm1hcmtkb3duIHN0cm9uZzpiZWZvcmUsIC5tYXJrZG93biBzdHJvbmc6YWZ0ZXIgeyAgIGNvbnRlbnQ6ICdfXyc7ICAgZGlzcGxheTogaW5saW5lOyB9IC5tYXJrZG93biBlbTpiZWZvcmUsIC5tYXJrZG93biBlbTphZnRlciB7ICAgY29udGVudDogJyonOyAgIGRpc3BsYXk6IGlubGluZTsgfSAubWFya2Rvd24gYSB7ICAgdGV4dC1kZWNvcmF0aW9uOiBub25lOyB9IC5tYXJrZG93biBhOmJlZm9yZSB7ICAgY29udGVudDogJ1snOyAgIGRpc3BsYXk6IGlubGluZTsgICBjb2xvcjogIzMzMzMzMzsgfSAubWFya2Rvd24gYTphZnRlciB7ICAgY29udGVudDogJ10oJyBhdHRyKGhyZWYpICcpJzsgICBkaXNwbGF5OiBpbmxpbmU7ICAgY29sb3I6ICMzMzMzMzM7IH0gLm1hcmtkb3duIGNvZGUgeyAgIGZvbnQtd2VpZ2h0OiAxMDA7IH0gLm1hcmtkb3duIGNvZGU6YmVmb3JlLCAubWFya2Rvd24gY29kZTphZnRlciB7ICAgY29udGVudDogJ2AnOyAgIGRpc3BsYXk6IGlubGluZTsgfSAubWFya2Rvd24gcHJlIGNvZGU6YmVmb3JlLCAubWFya2Rvd24gcHJlIGNvZGU6YWZ0ZXIgeyAgIGNvbnRlbnQ6IG5vbmU7IH0gLm1hcmtkb3duIGhyIHsgICBwb3NpdGlvbjogcmVsYXRpdmU7ICAgaGVpZ2h0OiAyMHB4OyAgIGZvbnQtc2l6ZTogMDsgICBsaW5lLWhlaWdodDogMDsgICBvdmVyZmxvdzogaGlkZGVuOyAgIGJvcmRlcjogMDsgICBtYXJnaW4tYm90dG9tOiAyMHB4OyB9IC5tYXJrZG93biBocjphZnRlciB7ICAgY29udGVudDogJy0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0nOyAgIHBvc2l0aW9uOiBhYnNvbHV0ZTsgICB0b3A6IDA7ICAgbGVmdDogMDsgICBmb250LXNpemU6IDE0cHg7ICAgbGluZS1oZWlnaHQ6IDIwcHg7ICAgd29yZC13cmFwOiBicmVhay13b3JkOyB9IEAtbW96LWRvY3VtZW50IHVybC1wcmVmaXgoKSB7ICAgLm1hcmtkb3duIGgxIHsgICAgIGRpc3BsYXk6IGJsb2NrOyAgIH0gfQ==';e.type='text/css';d.head.appendChild(e);with(b){classList.add('markdown');with(style){width='600px';margin='2em auto';wordWrap='break-word';}}fE.call(qSA('a img,svg'),l=>{with(l.style){maxHeight='1em';maxWidth='1em';}});}(window,[].forEach))