Hello! I’m writing my application in QML, and inside a TextArea formatted with RichText I want to display this:

a header

(an empty line)

another header

my first thought was to go with a <br> tag, but it has a problem: it creates 2 empty lines, don’t know why. so doing this

<h1>hello</h1>
<br>
<h2>world</h2>

produces

hello

(an empty line)
(an empty line)

world

I tried using the <pre> tag:

<pre>
</pre>

but no empty lines were displayed

the only working workaround was to use a non breaking space &nbsp;, but being it a TextArea, the user is able to edit the text, and so there would be a “rogue” space instead of an empty line. How can I display just a single line break between two headers (or even paragraphs, but in my case the header is needed)?

The mismatch between rich text and html has been a pain for pretty much ever.

Have you tried putting the br on the line above instead of on its own? Barring that can you assign a css class and just create the vertical separation you want?

tubbadu
creator
link
fedilink
21Y

thanks for your reply! I tried, and nothing changed at all. I need to create a single editable line between the two headers, so just a spacer wouldn’t be enough. I didn’t think this would be so painful

Create a post

All things programming and coding related. Subcommunity of Technology.


This community’s icon was made by Aaron Schneider, under the CC-BY-NC-SA 4.0 license.

  • 1 user online
  • 1 user / day
  • 1 user / week
  • 7 users / month
  • 88 users / 6 months
  • 1 subscriber
  • 303 Posts
  • 2.15K Comments
  • Modlog