Annotate web articles workflow

Hi again, forgive me if this has already been asked, but: is there a tool I could use to annotate articles (in a browser or read-it-later app) that can convert to annotated pdf & sent to DT? I realize I can convert to PDF first and then annotate, but looking for something I can use without breaking up what I’m reading. Thank you.

What kind of annotations actually? DEVONthink supports also e.g. highlighting, underlining and strike through for web documents (formatted notes, HTML pages, web archives) and the Document > Annotations inspector lists them. However, for more advanced tools PDF is required.

It does depend what you want to do. For example, the Reader app by Readwise does this, however, it converts the file to PDF essentially by “printing” it, which means your highlights are not kept as an annotation layer you can interact with. Depending on your use case this won’t help you.

I personally convert the web page to PDF before highlighting if I know I want to annotate and interact with those annotations (I then do that in DT). Reading in browser doesn’t add any value if you want to archive and annotate a page - in my view you might as well do that in DT with all its tools.

1 Like

Yeah, ditto. Also for consistency and the ability to use “Annotations”.

I have found that “Printing” to Devonthink3 is faster than the clipper for me because I don’t need to take my hands off the keyboard. I first set a keyboard shortcut (I’m on a Mac) for “Save PDF to Devonthink 3” as CMD-P.

So the motion is:

CMD-P              Brings up Print dialogue box
CMP-P Again        Brings up the Devonthink3 dialogue box 
CMD-F              Jump to the "find field"
Start typing the name of the location.
When found, press Enter.

Here’s another tip. On most websites, including major newspapers, if you reduce the width of your browser window, at some point it will switch to a view for small screens (what we used to call “Mobile View”), which is invariably better formatted for printing.

So what I do is if I am not satisfied with the way my potential PDF is going to look after hitting CMD-P, I reduce the width of my browser until I see the layout change (these days there could be more than one change from narrow to super narrow!) and try CMD-P again.

3 Likes

This.

And, if you are using a window-resizing app such as Moom, the resizing / un-resizing actions can be simplified to a click.

Do you mean the inspector panel? It doesn’t list highlights in those formats for me. I don’t have a menu option for documents tho–what are you referring to?

Well I don’t want to annotate everything I read, and I won’t know until I get to something worth annotating…at which point I want to think about the content, not devonthink. Tho maybe Luminary99_0’s thing could be minimal enough to work for me, if I can get it set up.

Tools > Inspectors > Document > Annotations

Bear in mind, online highlighting tools generally are made for use with those particular services, services that would like you to hand them some money to store your web clippings and highlights. :slight_smile:

I do the same thing (CMD+P), but I usually switch to Reader view in Safari (CMD-SHFT-R) first to strip the rubbish (doesn’t always work, depends on the website).

Actually I was thinking about this today when a website just would not print to PDF nicely, but the DT plugin managed to grab a reasonable print when my usual tricks failed!