How do I get content from websites into my notes?

Vivaldi has its own copy to Note system
On PC it offers WYSIWYG markdown editing
Also contains its own clipper

I also use ClipTo

2 Likes

And I use JotNot Pro or Office Lens to scan from print. (Android)

@cwmdo A workaround - http://heckyesmarkdown.com

You can paste an url and it will convert to md. There is a one-click button in top right to copy everything and you can past into a new note in Obsidian. Not nearly as easy as markdownload in Brave/Chrome but it is easier than clip to evernote and export/convert or clip to devonthink and then clean up formatting…

5 Likes

I haven’t set it up yet, but I plan on building a Keyboard Maestro macro for doing this in Safari.

4 Likes

I’m interested in your KM macro if you end up making one!

1 Like

Brett Terpstra just updated his pack of Markdown Services, and includes a very handy new service that allows you to put a URL in the clipboard, navigate to Obsidian and paste teh Markdown-formated content of the webpage.

* New: “Convert - Clipboard URL to Markdown” — Markdownify the contents of a URL in the clipboard using Marky the Markdownifier

9 Likes

Thanks! I’ve added that one to the list.

I have created a Keyboard Maestro script that takes the current Safari Tab and uses Bret Terpstra’s heckyesmarkdown.com service to generate a markdown version of the page (in readability mode) and then paste the Markdown Content of the page.

I have a keyboard combination assigned to it. My workflow is to create a new note in Obsidian, hit the keyboard combination, wait a second or so, then copying and pasting the page title into the Obsidian title field. (This could be automated as well, but I ran out of time :smiley:)

The script – and /today and /tom(orrow) helper scripts – is available on GitHub: https://github.com/yatil/obsidian-helpers/releases/tag/0.1

Source: https://github.com/yatil/obsidian-helpers

Hope that helps (It’s my first contribution to this community.)

3 Likes

So glad to see this! MarkDownload is awesome!

2 Likes

Great job! I’ve added that one to the list as well. Thank you.

I’m very happy with this Firefox add-on: Copy Selection as Markdown.

You simply highlight part of a webpage and that part is then copied to your clipboard in markdown. There are plenty of options available:

1 Like

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.

some ignore the images, the best we can get right now is

![image title](image link)

and it shows nicely in obsidian, but it is still an external link.

I see it can work (Roam being an example) - am I missing something or there’s just not any way to do it right now?

2 Likes

I’ve tested some of the solutions there, but they seem to require too much friction:

  1. click on the button,
  2. copy the text,
  3. create a new file manually,
  4. paste the text.

Some of them do download the actual file, but they place it in ~/Downloads and you have to manually move them over.

I’ve created a one-click solution. Simply click on the button in your browser and view the article straight from Obsidian. The setup is a bit tricky, so I’ve created a separate topic for it:

3 Likes

hey everyone! I am one of the developers of Quotebacks… I’ve also experienced some weirdness importing from there into obsidian. I’d be very interested to hear how we can make the workflow with obsidian better - potentially even an integration?

also should mention that quotebacks is now on firefox too

7 Likes

Hey, I love quotebacks and I definitely think we should make sure they work well together. This thread isn’t the best place for that, could you send me a PM (or, better, ping me on the discord if you’re there) and tell me what issues you’re running into? Thanks!

I’ve just discovered Quotebacks via @mediapathic’s post above, and i love the concept and the execution of it.

So, excited to see @mediapathic exploring with you tight integration into Obsidian, that would be awesome.

That said, two feedback items from my initial playing around with it, one small (maybe fixable in the short term), the other larger (maybe will be pre-empted by the prospective integration):

  1. A slight formatting change to the copied markdown from a captured quoteback: when i paste the copied markdown into obsidian, only the quote itself gets quote-blocked, the source gets left outside the formatted quote, like this:

    Quotebacks is a tool that makes it easy to grab snippets of text from around the web and convert them into embeddable blockquote web components.

    Source: Quotebacks by Tom Critchlow and Toby Shorin

    Maybe that’s by design, but i would def prefer to include the source inside the block, more like this:

    Quotebacks is a tool that makes it easy to grab snippets of text from around the web and convert them into embeddable blockquote web components.

    Source: Quotebacks by Tom Critchlow and Toby Shorin

    …otherwise the source renders ‘apart’ from the quote more strongly than I’d like. But I recognize this may not be standard practice.

  2. For me, the ideal would be to have option to configure Quoteback browser extension so that quotebacks get stored not only to browser local storage, but also as an md file in a configurable folder (e.g., I’d config this to be my Obsidian vault), and leave in the clipboard the wiki-link name of the quoteback note so that I could then just paste into my current working note.

I realize that #2 may require Obsidian to expose some kind of custom url scheme to address insulation of browser from file system. But wanted to share the feedback/desire anyway.

1 Like

Roam-highlighter works on Firefox as well. You just have to download the .xpi file and install it. (https://github.com/GitMurf/roam-highlighter/tree/master/Firefox%20temp%20Add-on)

Here’s a rudimentary Alfred workflow that uses FuckYeahMardown to convert the frontmost Safari tab and copy it to the clipboard.

URL to Markdown.zip (2.2 KB)

1 Like

Is there a tool / extension / plugin to capture a screenshot from a selected region in a website and add the window title and URL to the clipboard?

Gyazo does something like this but I cannot for the life of me figure out how to get the URL / title data out of the uploaded screenshot page.

1 Like

Which operating system are you on? I could help you with some nifty automation on macOS.