Remove white space around images in rich notes?

Hello dear community!

I’m editing an annotation file to one of the pdfs. I take a screenshot from the book, and paste it into the annotation file. The result: lots of white space around the image (please, see the attached image):

Q1: how to prevent adding this white space around the image? the original screenshot / image does not have it.

Q2: would you please consider adding a functionality, to resize the images directly in the note? e.g., by dragging one of the image corners.

many thanks in advance!

See…

I saw this response Displaybug when inserting images in wysiwag markdown editor - #8 by cgrunenberg

But my line height multiplier is already at 1x:

Please post a complete screenshot of the window. A copy of the image might be useful too, thanks.

full settings screen.

copy of the image:

Yeah this confused me until I figured it out! This happens because the line height of the text is greater than 1.0. To fix it:

  • make sure the document’s Format Bar is shown (menu: Format > Show Format Bar)
  • select the image with the text selection tool: click after the image then hold shift-key down and press the back arrow until it is selected (the image itself doesn’t highlight when selected like this, but you can see the empty space above it highlight)
  • in the Format Bar, at the top of the document window, click on the Line and Paragraph spacing pulldown menu (the second from the right) and select “1.0”

3 Likes

thanks a lot!! that did the trick.

I’m curious how to make this default behavior for all the images — perhaps, something the DEVONthink team can look into :folded_hands:

btw, I found that placing the cursor to the left of image and pressing shift and arrow key to the right is also sufficient — saves a few key taps.

thanks again for the workaround! my notes look so much better now. and I also learned that there is such thing as “format bar” :smiley:

Does anyone know if AppleScript can detect if a paragraph in an RTF doc is actually an embedded image? If so, we could run a script that steps through the paragraphs, and if it is an image, sets its “multiple line height” to 1.

1 Like

Thanks for your enthusiasm! I’m just a bit confused why something this simple needs to be resolved with a script in the first place.

To me, it feels more like a bug — I can’t think of any other app that adds whitespace around images by default.

Would love to hear your thoughts!

What is the behavior of TextEditor (it being the only app I know of that handles RTF natively)?

TextEdit app seems doing that fine:

p.s. this is the app I open maybe 2-3 times a year. I do all my writing in nvALT, iA Writer, Apple Notes and DEVONthink.

If you have a rich text issue in DEVONthink, you should check TextEdit as they both use the same text engine.

I just posted a screenshot above. TextEdit does not have this problem

I just tested it, and the behavior in TextEdit for me is the same as in DT. I noticed that the default line height multiple in TextEdit is 1, which doesn’t show the gap, so maybe that’s what you are seeing.

I’ve just played with different line heights in textedit. I don’t see the same behavior as I do in DEVONthink.

DEVONthink introduces a huge whitespace block between the text and image