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)?

tubbadu
creator
link
fedilink
21Y

replying to @ono@lemmy.ca because for strange reasons I’m unable to reply directly to him:

Does Qt Quick expose Qt’s markdown support? That could be another way to populate a rich text control, perhaps letting you work around the problem.

yes this worked!!!

# title
<br />
# title

I have to use <br /> instead of <br> otherwise it don’t work, I don’t know why

I would have rather used a RichText way, but this one does what I need, thank you very much!

ono
link
fedilink
English
21Y

I have to use <br> instead of <br>

I suspect those two tags were different when you wrote them, and Lemmy mangled them like it did in my comments. Can you describe the tags you originally wrote, to avoid the mangling? I’m curious about what exactly worked for you.

ono
link
fedilink
English
3
edit-2
1Y

Just a guess, but have you tried <p></p> ?

Or a single p tag with or without a slash after the p? (Lemmy keeps mangling this one when I write it explicitly.)

https://doc.qt.io/qt-6/richtext-html-subset.html

mifan
link
fedilink
11Y

This. <p> shpuld do the trick.</p>

tubbadu
creator
link
fedilink
11Y

If I write some text inside the tags yes, a single line is created, but with the text. I want a blank line, and unfortunately empty tags are apparently stripped out by the textarea

@Obscerno@lemm.ee
link
fedilink
2
edit-2
1Y

What about a non-breaking space?

Edit: I just realized you addressed that in the post.

tubbadu
creator
link
fedilink
11Y

it’s what I’m currently doing, but was hoping to find a better solution… thank you anyway!

tubbadu
creator
link
fedilink
11Y

replying to @ono@lemmy.ca as the direct reply loops forever:

thanks for the answer! I already tried an empty paragraph <p></p> but it gets stripped out by the textarea as soon as I assign it to the text property: if I print the text right after it has been modified, the empty paragraph is gone. the same goes for <p[/]> or <[/]p>

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

Have you tried placing the <br> tag directly after the </h1> closing tag?

tubbadu
creator
link
fedilink
11Y

I tried, and nothing changed at all

ono
link
fedilink
English
21Y

Does Qt Quick expose Qt’s markdown support? That could be another way to populate a rich text control, perhaps letting you work around the problem.

tubbadu
creator
link
fedilink
11Y

@ono@lemmy.ca

they are rendered correctly on lemmy-UI

This is such a weird fix! Good work finding it!

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
  • 2 users / week
  • 8 users / month
  • 88 users / 6 months
  • 1 subscriber
  • 303 Posts
  • 2.15K Comments
  • Modlog