No automatic line breaks in the Markdown editor

[paq2]

I would like the option to disable the automatic word wrap in the Markdown editor in Joplin, so that a line is displayed in a single line with a horizontal scroll bar, no matter how long the line is. The maximum width of the editor is set to zero.

I had already asked about this in the support area.

No automatic line breaks in the Markdown editor

Operating system Windows Joplin version 3.2.13 Desktop version info Joplin 3.2.13 (prod, win32) Client-ID: 3788d6ad6af14fb1b97ca621ba408714 Sync-Version: 3 Profil-Version: 47 Unterstützter Schlüsselbund: Ja Revision: a898e17 Backup: 1.4.2 Journal: 1.2.0 Sync target Joplin Cloud Editor Markdown Editor What issue do you have? I use the Markdown editor in Joplin. The maximum width of the editor is set to zero. Lines that are longer than the window are automatically wrapped by Joplin in …

And the function has been requested here before, without there being any result to the request.

Ability to turn off line wrap in the Markdown Editor

Continuing the discussion from Editor font size and non-wrapping mode on both Desktop & Mobile: The majority the previous post was regarding font selection. I'm submitting this post to ensure that the request to turn off line-wrap in the editor was not lost in the discussion. I work with tables that contain multiple columns with html links. The width of the rendered tables are perfectly reasonable. But editing the tables where table rows are wrapped over several lines is pure misery. Tables…

[muzak]

The CodeMirror 6 docs include lineWrapping as a boolean variable. Could a toggle for it be added to the Extra Markdown editor settings plugin?

For an immediate workaround on desktop, you can edit your userchrome.css file. Open it in a notepad by clicking Tools > Options > Appearance > Show Advanced Settings > Custom stylesheet for Joplin-wide app styles.

If you use the CodeMirror 6 beta editor (enabled by default), add this CSS to userchrome.css:

.note-editor-wrapper div[style$="flex: 1 1 0%;"] {
  overflow-x: scroll;
}

.cm-lineWrapping {
  white-space: nowrap !important;
}

If you use the CodeMirror 5 legacy editor (toggleable with Tools > Options > General > Show Advanced Settings > Enable the legacy Markdown editor), add this CSS to userchrome.css:

.CodeMirror-sizer {
  display: flex;
  overflow-x: scroll;
  width: max-content; 
  min-width: inherit;
}