By @kepano
You can find a demo of this bookmarklet on YouTube
To use it, create a new bookmark in your browser, then copy/paste the code below into the URL field.
Support my work at buymeacoffee.com/kepano
Note that this bookmarklet may not work on all websites. If you run into issues, you can also try the MarkDownload browser extension which provides similar functionality.
| javascript: Promise.all([import('https://unpkg.com/[email protected]?module'), import('https://unpkg.com/@tehshrike/[email protected]'), ]).then(async ([{ | |
| default: Turndown | |
| }, { | |
| default: Readability | |
| }]) => { | |
| function getSelectionHtml() { | |
| var html = ""; | |
| if (typeof window.getSelection != "undefined") { | |
| var sel = window.getSelection(); | |
| if (sel.rangeCount) { | |
| var container = document.createElement("div"); | |
| for (var i = 0, len = sel.rangeCount; i < len; ++i) { | |
| container.appendChild(sel.getRangeAt(i).cloneContents()); | |
| } | |
| html = container.innerHTML; | |
| } | |
| } else if (typeof document.selection != "undefined") { | |
| if (document.selection.type == "Text") { | |
| html = document.selection.createRange().htmlText; | |
| } | |
| } | |
| return html; | |
| } | |
| const selection = getSelectionHtml(); | |
| const { | |
| title, | |
| byline, | |
| content | |
| } = new Readability(document.cloneNode(true)).parse(); | |
| const titleUri = title.replace(':', '').replace(/\//g, '-').replace(/\\/g, '-'); | |
| if (selection) { | |
| var markdownify = selection; | |
| } else { | |
| var markdownify = content; | |
| } | |
| const markdown = new Turndown({ | |
| headingStyle: 'atx', | |
| hr: '---', | |
| bulletListMarker: '-', | |
| codeBlockStyle: 'fenced', | |
| emDelimiter: '*', | |
| }).turndown(markdownify); | |
| var date = new Date(); | |
| function convertDate(date) { | |
| var yyyy = date.getFullYear().toString(); | |
| var mm = (date.getMonth()+1).toString(); | |
| var dd = date.getDate().toString(); | |
| var mmChars = mm.split(''); | |
| var ddChars = dd.split(''); | |
| return yyyy + '-' + (mmChars[1]?mm:"0"+mmChars[0]) + '-' + (ddChars[1]?dd:"0"+ddChars[0]); | |
| } | |
| const today = convertDate(date); | |
| const obsidian = `author:: ${byline}\nsource:: [${title}](${document.URL})\nclipped:: [[${today}]]\npublished:: \n\n#clippings\n\n${markdown}`; | |
| window.location.href = "obsidian://new?" | |
| + "name=" + titleUri | |
| + "&content=" | |
| + encodeURIComponent(obsidian) + "" ; | |
| }) |