Typographical Line Spacing

[randke]

Is it possible with current version to have line spacing? I tried hacking it with .ace_line { height: … } and .ace_line_group, but the result is not perfect/clean.

Edit: Found the right selector for it:

#note-editor {
line-height: 2.0em !important;
}

[Seattle1226]

Can you explain how line spacing is controlled? Assume some users don't know CSS or html and use Joplin because it's advertised as a notetaking application.

[ajay]

I would still call it a note taking application, even if it couldn't let the user control line spacing (without html).

[Seattle1226]

Of course. Just as one could have a photo editing app that would work only in black-and-white. But why would a developer do that? It would kinda limit the market adoption, wouldn't it?

[crtkugrrvjy]

Should entering

#note-editor {
line-height: 1.0em !important;
}

into userstyle.css allow us to fix the issue discussed in these threads?

Spacing between paragraphs

The WYSI editor uses two end of line marks (just like Word). When you hit the return key it behaves as if you start a new paragraph in Word. So it adds a little more space. (Word shows this with a ¶ tag, which doesn't exist in the WYSI editor). When you hold shift while pressing return the extra space is omitted. Let me know if this is what you were looking for.

Set Line Spacing in Toggle Editors

Hi together How can I reduce the line space when I type something in to the toggle editors. Current it looks like it makes 2 spaces between the lines. Only with Shift+Enter it makes one Line space between. Can I configure that somewere? thank you

Line spacing: can I change the default to single spaced?

I've searched the forum and the FAQ, I understand that in using rich editor pressing ENTER starts a new paragraph which makes an extra line break. Is there a way to change the default to always use single-spaced lines? It's so much easier to just hit ENTER twice to make a double space, than to always use SHIFT+ENTER to have a single-spaced note. I'm using version 2.4.9 on Windows 10.

[muzak]

Add this CSS to userstyle.css. It enforces single spaced lines and a fixed line height for HTML elements inside the parentheses. In this case, only paragraphs and lists are affected.

#rendered-md :is(p, ul, ol, li) {
  margin-bottom: 0 !important; 
  margin-top: 0 !important;
  padding-bottom: 0 !important; /* for h1 */
  line-height: 1.5em !important; /* optional */
}

To affect only paragraphs, use #rendered-md p instead. :is() isn't needed since p is the only child element.

I'd treat elements like headings (h1 to h6) and table differently than text. If leaving them alone doesn't suit you: duplicate the above CSS, select elements that need like spacing, and adjust their property values.