8
submitted 1 year ago* (last edited 1 year ago) by tubbadu@lemmy.kde.social to c/programming@beehaw.org

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

top 16 comments
sorted by: hot top controversial new old
[-] MagicShel@programming.dev 3 points 1 year ago

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@lemmy.kde.social 2 points 1 year ago

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

[-] ono@lemmy.ca 3 points 1 year ago* (last edited 1 year ago)

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@feddit.dk 1 points 1 year ago

This. shpuld do the trick.

[-] tubbadu@lemmy.kde.social 1 points 1 year ago

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 2 points 1 year ago* (last edited 1 year ago)

What about a non-breaking space?

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

[-] tubbadu@lemmy.kde.social 1 points 1 year ago

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

[-] tubbadu@lemmy.kde.social 2 points 1 year ago

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@lemmy.ca 2 points 1 year ago

I have to use instead of

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@lemmy.ca 2 points 1 year ago

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.

[-] Creesch@beehaw.org 1 points 1 year ago

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

[-] tubbadu@lemmy.kde.social 1 points 1 year ago

I tried, and nothing changed at all

[-] tubbadu@lemmy.kde.social 1 points 1 year ago

@ono@lemmy.ca

they are rendered correctly on lemmy-UI

[-] Obscerno@lemm.ee 2 points 1 year ago

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

[-] nyan@lemmy.cafe 1 points 1 year ago

It isn't weird, just sloppy: QT6 seems to be handling this specific tag incorrectly when it presents with HTML void element syntax as defined in section 8.1.2.1 of the HTML 5 standard, which specifies that the slash is allowed but optional. It's hard to say whether this actually constitutes a QT bug without checking the documentation to see whether it really wants HTML or XHTML, since XHTML does require the slash.

[-] tubbadu@lemmy.kde.social 1 points 1 year ago

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 `` or &lt;[/]p>

this post was submitted on 12 Aug 2023
8 points (100.0% liked)

Programming

13361 readers
1 users here now

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.

founded 1 year ago
MODERATORS