Hey folks, it might be because I only started using Joplin recently, but when I open a note my look first embraces the middle pane (the markdown) and I start reading the contents there, even though the preview pane is much better suited for reading a note. I digged in every menu entry but could no…

Oh I see, yeah that was me actually: [image] Share your CSS Lounge Somebody asked a question on Discord about whether the markdown editor and preview windows could swap position. I have no idea if this will break anything (as it isn't something I will ever use and have no…

You can hit this button in the top right to swap the layouts. [image] Alternatively you can use Ctrl/Cmd + L or View > Toggle editor layout. You can choose which layouts should display via View > Layout button sequence

I think what plamkas wanted is to swap the positions of editor & viewer. Pretty sure someone did it with CSS but couldn't find anything.

Wow, it worked! It took me some time to find out what an userchrome.css is and how to find it, but it was wort it. Thanks a lot!

I don't know if this is what you might have found already but there is a great post that summarises the basics of the css styling stuff: [image] Introduction to customising Joplin (userchrome.css & userstyle.css) couch_and_lampLounge Joplin has several interna…

Based on this I managed to fix the margin/border: The files can be opened from Joplin: Tools->Options->General->Appearance->Show Advanced Custom stylesheet for rendered Markdown (userstyle.css): .joplin-container-content { padding-left: 0 !important; padding-right: 0 !important; } Custom sty…

As in a similar solution of mine (which adds CSS so column and column-reverse work too), you can shorten the top-level userchrome.css selector by using: .rli-editor div[style^="position"]:nth-child(2)

I updated to version 3.2.8, and the previous solution didn't work, because the html structure changed. Here's an updated version (userchrome.css): .note-editor-viewer-row { flex-direction: row-reverse !important; & > .editor { border-left: 1px solid rgb(85, 85, 85) !important; padding-…

How to swap the markdown and preview pane?

Features

Daeraxa 6 February 2022 21:58 4

Oh I see, yeah that was me actually:

2 Likes

Topic		Replies	Views
Preview above Markdown? Support	3	236	17 May 2024
Who knows Joplin REALLY WELL and wants to be paid for help? Support	18	1041	31 January 2023
Switch between rich text editor and markdow editor Support	7	613	16 February 2025
Feature request: A split view option to switch sides around Features	5	928	17 February 2026
Syncing Split View (Markdown/Preview) Features	2	1137	2 November 2020

How to swap the markdown and preview pane?

Related topics