Indentation & Vertical Spacing in Editor

FrankLZ · 2021-02-24T06:33:05.919Z

Hello, relatively new to Joplin, but loving it. First post.

I am wondering if I can use some CSS to make the markdown editor format its text more like the second image below ("Preferred Look"). The differences between the two are detailed in the text of the image.

Screen Shot 2021-02-24 at 1.27.11 AM1472×322 49.2 KB

Screen Shot 2021-02-24 at 1.27.25 AM1648×280 51.2 KB

Essentially, my goal is to have the editor view format text more similar to the final output of the Markdown, which is beautiful in Joplin (below). The reason for this is I like to type only in the editor view and never end up looking at the final markdown output. Silly, I know but that's the way I do it.

Screen Shot 2021-02-24 at 1.30.06 AM1478×382 119 KB

Version 1.7.10
Windows 10 and Big Sur

uxamanda · 2021-02-24T18:46:57.680Z

I wrote up a very hacky solution to this over here Fully indented paragraphs in plain text editor - #4 by uxamanda. I have been using it for a few weeks now, and I think the pros (having bullets indented) outweigh the cons (the cursor acts weird on very long bullets, often in the wrong spot).

Would love to see if anyone else has a better solution to it!

FrankLZ · 2021-02-25T04:20:34.882Z

Ahh, thank you. I figured you had something up your sleeve

That cursor definitely does get funky though. I wonder why that is happening

whitewall · 2021-02-25T07:48:48.029Z

FrankLZ:

The reason for this is I like to type only in the editor view

I think many people use Joplin this way. Hence the Rich Markdown plugin

Plugin: Rich Markdown Plugins

Yeah, that would be great - either in core app as @CalebJohn suggested or in this plugin. Very difficult to read markdown for those who take notes in outline format because of lack of indentation when line wraps to next line.

uxamanda · 2021-02-25T18:07:03.710Z

FrankLZ:

wonder why that is happening

I think CodeMirror is tracking the position of where the characters should be and isn't tracking the characters themselves, so the cursor isn't moving with the design change.

whitewall:

Hence the Rich Markdown plugin

Yes! Would be awesome if that was fixed with that plugin. I added a note there.

system · 2021-03-27T18:07:29.369Z

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.