.ace_content: font size and width

Clickwork · 2020-08-24T21:09:26.984Z

When I set a font size like for example 16px for .ace_content in userchrome.css the line in the editor field is cut. Is there an option to set the width of a line? width does not work.

dpoulton · 2020-08-25T06:14:16.205Z

When using the ACE editor I have only ever used .ace_content for the font colour leaving Joplin’s “Editor font size” setting to control the font size. I wonder if there is a conflict between the font size you are setting using CSS and the font size Joplin “believes” the editor is using.

Joplin - Options821×343 16 KB

PhiLho · 2020-08-25T11:13:00.466Z

I explored a bit with the debug tools.
The width is set as a style on the div with the .ace_content class, so you must force it with !important, for example. But it won’t help, as it changes only the viewport, not the wrapping.
Which is actually a hard wrapping, not a soft one. Ie. that’s not the browser setting the wrapping of lines at div border, but that’s Ace editor which cuts the lines on the fly, each line being a div (ace_line).
I guess that’s why there is the setting pointed out by dpoulton: it probably provides the information to the editor too, which uses it to measure the lines, or something like that.