How do I get content from websites into my notes?

[dcnblues]

I’m finding Google Keep to be the best solution for getting texts out of web pages.

[AND]

MarkDownload is great and I find its configuration options making it one of the best clipper tools out there.

I still can’t figure out all the meta tags that are accepted, though, so any help with that would be awesome. Aside from that, awesome little tool.

[notDavid]

Hi there, not sure if this is useful to anyone, but i use this Bookmarklet in Safari on my iPad to convert / open webpages (or part of it) in Obsidian:

1. Create a random bookmark (for example to the url of this page) and name it “2Obsidian”. Save it in your Favorites (bookmark bar.)
2. Edit the bookmark, and change the url to:

javascript:(function()%7Bjavascript%3A%20Promise.all(%5Bimport('https%3A%2F%2Funpkg.com%2Fturndown%406.0.0%3Fmodule')%2C%20import('https%3A%2F%2Funpkg.com%2F%40tehshrike%2Freadability%400.2.0')%2C%20%5D).then(async%20(%5B%7B%0A%20%20%20%20default%3A%20Turndown%0A%7D%2C%20%7B%0A%20%20%20%20default%3A%20Readability%0A%7D%5D)%20%3D%3E%20%7B%0A%0A%20%20%2F*%20Optional%20vault%20name%20*%2F%0A%20%20const%20vault%20%3D%20%22%22%3B%0A%0A%20%20%2F*%20Optional%20folder%20name%20such%20as%20%22Clippings%2F%22%20*%2F%0A%20%20const%20folder%20%3D%20%22%22%3B%0A%0A%20%20%2F*%20Optional%20tags%20%20*%2F%0A%20%20const%20tags%20%3D%20%22%23clippings%22%3B%0A%0A%20%20function%20getSelectionHtml()%20%7B%0A%20%20%20%20var%20html%20%3D%20%22%22%3B%0A%20%20%20%20if%20(typeof%20window.getSelection%20!%3D%20%22undefined%22)%20%7B%0A%20%20%20%20%20%20%20%20var%20sel%20%3D%20window.getSelection()%3B%0A%20%20%20%20%20%20%20%20if%20(sel.rangeCount)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20var%20container%20%3D%20document.createElement(%22div%22)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20for%20(var%20i%20%3D%200%2C%20len%20%3D%20sel.rangeCount%3B%20i%20%3C%20len%3B%20%2B%2Bi)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20container.appendChild(sel.getRangeAt(i).cloneContents())%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20html%20%3D%20container.innerHTML%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%20else%20if%20(typeof%20document.selection%20!%3D%20%22undefined%22)%20%7B%0A%20%20%20%20%20%20%20%20if%20(document.selection.type%20%3D%3D%20%22Text%22)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20html%20%3D%20document.selection.createRange().htmlText%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%20%20return%20html%3B%0A%20%20%7D%0A%0A%20%20const%20selection%20%3D%20getSelectionHtml()%3B%0A%0A%20%20const%20%7B%0A%20%20%20%20%20%20title%2C%0A%20%20%20%20%20%20byline%2C%0A%20%20%20%20%20%20content%0A%20%20%7D%20%3D%20new%20Readability(document.cloneNode(true)).parse()%3B%0A%0A%20%20function%20getFileName(fileName)%20%7B%0A%20%20%20%20var%20userAgent%20%3D%20window.navigator.userAgent%2C%0A%20%20%20%20%20%20%20%20platform%20%3D%20window.navigator.platform%2C%0A%20%20%20%20%20%20%20%20windowsPlatforms%20%3D%20%5B'Win32'%2C%20'Win64'%2C%20'Windows'%2C%20'WinCE'%5D%3B%0A%0A%20%20%20%20if%20(windowsPlatforms.indexOf(platform)%20!%3D%3D%20-1)%20%7B%0A%20%20%20%20%20%20fileName%20%3D%20fileName.replace('%3A'%2C%20'').replace(%2F%5B%2F%5C%5C%3F%25*%7C%22%3C%3E%5D%2Fg%2C%20'-')%3B%0A%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20fileName%20%3D%20fileName.replace('%3A'%2C%20'').replace(%2F%5C%2F%2Fg%2C%20'-').replace(%2F%5C%5C%2Fg%2C%20'-')%3B%0A%20%20%20%20%7D%0A%20%20%20%20return%20fileName%3B%0A%20%20%7D%0A%20%20const%20fileName%20%3D%20getFileName(title)%3B%0A%0A%20%20if%20(selection)%20%7B%0A%20%20%20%20%20%20var%20markdownify%20%3D%20selection%3B%0A%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20var%20markdownify%20%3D%20content%3B%0A%20%20%7D%0A%0A%20%20if%20(vault)%20%7B%0A%20%20%20%20%20%20var%20vaultName%20%3D%20'%26vault%3D'%20%2B%20encodeURIComponent(%60%24%7Bvault%7D%60)%3B%0A%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20var%20vaultName%20%3D%20''%3B%0A%20%20%7D%0A%0A%20%20const%20markdownBody%20%3D%20new%20Turndown(%7B%0A%20%20%20%20%20%20headingStyle%3A%20'atx'%2C%0A%20%20%20%20%20%20hr%3A%20'---'%2C%0A%20%20%20%20%20%20bulletListMarker%3A%20'-'%2C%0A%20%20%20%20%20%20codeBlockStyle%3A%20'fenced'%2C%0A%20%20%20%20%20%20emDelimiter%3A%20'*'%2C%0A%20%20%7D).turndown(markdownify)%3B%0A%0A%20%20var%20date%20%3D%20new%20Date()%3B%0A%0A%20%20function%20convertDate(date)%20%7B%0A%20%20%20%20var%20yyyy%20%3D%20date.getFullYear().toString()%3B%0A%20%20%20%20var%20mm%20%3D%20(date.getMonth()%2B1).toString()%3B%0A%20%20%20%20var%20dd%20%20%3D%20date.getDate().toString()%3B%0A%20%20%20%20var%20mmChars%20%3D%20mm.split('')%3B%0A%20%20%20%20var%20ddChars%20%3D%20dd.split('')%3B%0A%20%20%20%20return%20yyyy%20%2B%20'-'%20%2B%20(mmChars%5B1%5D%3Fmm%3A%220%22%2BmmChars%5B0%5D)%20%2B%20'-'%20%2B%20(ddChars%5B1%5D%3Fdd%3A%220%22%2BddChars%5B0%5D)%3B%0A%20%20%7D%0A%0A%20%20const%20today%20%3D%20convertDate(date)%3B%0A%0A%20%20const%20fileContent%20%3D%20%0A%20%20%20%20%20%20%22author%3A%3A%20%22%20%2B%20byline%20%2B%20%22%5Cn%22%0A%20%20%20%20%20%20%2B%20%22source%3A%3A%20%5B%22%20%2B%20title%20%2B%20%22%5D(%22%20%2B%20document.URL%20%2B%20%22)%5Cn%22%0A%20%20%20%20%20%20%2B%20%22clipped%3A%3A%20%5B%5B%22%20%2B%20today%20%2B%20%22%5D%5D%5Cn%22%0A%20%20%20%20%20%20%2B%20%22published%3A%3A%20%5Cn%5Cn%22%20%0A%20%20%20%20%20%20%2B%20tags%20%2B%20%22%5Cn%5Cn%22%0A%20%20%20%20%20%20%2B%20markdownBody%20%3B%0A%20%20%0A%20%20document.location.href%20%3D%20%22obsidian%3A%2F%2Fnew%3F%22%0A%20%20%20%20%2B%20%22file%3D%22%20%2B%20encodeURIComponent(folder%20%2B%20fileName)%0A%20%20%20%20%2B%20%22%26content%3D%22%20%2B%20encodeURIComponent(fileContent)%0A%20%20%20%20%2B%20vaultName%20%3B%0A%7D)%7D)()%3B

On any website (select some text if you like that’s optional) click this bookmark to import into Obsidian.

Now, optionally you can set a default vault name and folder. If you want to do this you can decode the url with for example https://www.urldecoder.org/ , put in your option, and encode the url again.

Unfortunately i don’t remember where i found this, so i can’t credit the original creator :’( I think i found it somwhere mentioned on the Obsidian Twitter feed…

[concentration]

Would really like Markdownload on Safari iOS. Might be possible with iOS 15.

[Washington]

Hope this helps.

Copy and paste all sentences I want in a web article at once on Obsidian

I’ve been using Obsidian for a while to organize what I’ve learned from Kindle and web articles. For Kindle highlights, I use @hadynz’s “[Kindle Highlights ]” and for web articles, I used to use Roam-Highlighter. But recently, I switched to using another highlighter called Glasp. I found it on the thread by @jimmeredith. Thank you for sharing! So far, what I found is that it’s a web highlighter. I can highlight and collect sentences from web articles. So, when I read an article I want to refer…

[Washington]

I think you can use Glasp, too!

Copy and paste all sentences I want in a web article at once on Obsidian

I’ve been using Obsidian for a while to organize what I’ve learned from Kindle and web articles. For Kindle highlights, I use @hadynz’s “[Kindle Highlights ]” and for web articles, I used to use Roam-Highlighter. But recently, I switched to using another highlighter called Glasp. I found it on the thread by @jimmeredith. Thank you for sharing! So far, what I found is that it’s a web highlighter. I can highlight and collect sentences from web articles. So, when I read an article I want to refer…

[phrostbyte]

I use Markdownload for Firefox myself, but there is also an Obsidian clipper in the Firefox add-on Website. Just search for Obsidian. Personally, the Markdownload extension fits better, and it works with anything, not just Obsidian, but I thought I’d mention the other one since I don’t see it in these comments. xP

[a2jc4life]

@kelexo

i find this to be one of the most important things in researching the topics - finding bits and pieces of wisdom on the web and bringing them in my vault.

Images are often a big part of explanations. One thing that is seriously missing in all the extensions mentioned is the ability to highlight images and pull them back to your vault.

I assume you’re primarily talking about wanting the inline images as part of a larger selection. I haven’t found a straightforward way to manage that yet (and am still reading through the rest of the thread and trying options to see if something there does the trick). But if you just want the image…I usually just right-click it, copy, and paste it into an Obsidian note. That embeds it properly.

[BarryPorter13]

What about Obsidian Web Clipper? (at least I have heard of this somewhere) Obsidian Web Clipper: How to capture web pages in one click with this bookmarklet - YouTube

[ralfh]

With brwoser extensions like Save Text to File we can mark a text on a web page and save it as a text or md file in a vault folder.

Save Text to File

[ralfh]

An other option is the readitlater Obsidian plugin. Mark text on the website and create a ReaditLater note

[Andrew1]

It’s all helpful, until we get to pages with lots of links to follow.
If we’re clicking and saving manually, it takes too long, even with something like Fleeting Notes or ReadItLater or Hypothes.is

What I did was to put multiple links into the clipboard and then save those into a file with the SNAPLINKS addon, and then ran

wget -e robots=off -E -k -K -p -i links.txt

But that gives a lot of separate files. Now I need to get them into MARKDOWN with backlinks.

[registereduser]

Can I suggest Omnivore https://omnivore.app which is similar to Readwise and Pocket. The Obsidian plugin works flawlessly. There is also Dominik Pieper’s ReadItLater plug, which allows you to grab anything in your clipboard and drop it into Obsidian. Previously I was using Markdown Clipper, a Chrome addon, but I think Omnivore or ReadItLater are far superior.

[relive]

Subject: Request for Keyboard Shortcuts in Obsidian Web Chrome Extension

I find it to be an incredibly useful tool for my daily note-taking needs. However, I’ve noticed that the extension currently doesn’t have support for keyboard shortcuts, or if it does, they’re not well documented.

Keyboard shortcuts can dramatically speed up the note-taking process and improve the overall user experience. I’ve used the Notion Web Clipper extension as an example, which provides a very intuitive and efficient keyboard shortcut system.

Is it possible to add this feature to the Obsidian Web Chrome extension, or if it’s already present, could you please provide some documentation on how to use it? I believe this would greatly benefit all users of the extension.

Thank you for your time and for the wonderful tool you’ve created.

[Susanne]

I use Raindrop.io to read and highlight web articles and use the copy button at the bottom to copy into Obsidian. It’s already in a kind of markdown format suitable for my notes, the title at the top, then the URL and then one bullet point per highlight.

There is also an API for the highlights so somebody could probably build an Obsidian integration. It would be easier though with a Capture QuickAdd that converts the copied highlights into a properly formatted note.

[oldjove]

I was looking for this copy button but couldn’t find it. Is that only part of the paid version?

[Susanne]

That could be. I have the paid version. If I open a bookmark, I see all the highlights and at the bottom there is one button to copy and another to save the highlights to a file.

[oldjove]

Ok, thanks. Might need to upgrade.

[Susanne]

I found the export option only in the web client, not in the mobile client.

[egauthier]

+1 on ReadItLater plugin. I just started using it and it is awesome!!