Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • Users
  • Groups
  • Search
  • Get Qt Extensions
  • Unsolved
Collapse
Brand Logo
  1. Home
  2. Qt Development
  3. General and Desktop
  4. CSS styling richtext in QTextDocument
Forum Updated to NodeBB v4.3 + New Features

CSS styling richtext in QTextDocument

Scheduled Pinned Locked Moved Solved General and Desktop
15 Posts 4 Posters 4.0k Views 1 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • fcarneyF Offline
    fcarneyF Offline
    fcarney
    wrote on last edited by
    #6

    I struggled with styling the html in QTextDocument. In my code I created an XML representation and then used XSLT stylesheet to convert to HTML. I am not completely satisfed with the output as I had issues making it look the way I wanted. I think I will eventually convert the XML to QML code on the fly. There were so many limitations with the HTML/CSS in QTextDocument it was very frustrating.

    C++ is a perfectly valid school of magic.

    H 1 Reply Last reply
    0
    • fcarneyF fcarney

      I struggled with styling the html in QTextDocument. In my code I created an XML representation and then used XSLT stylesheet to convert to HTML. I am not completely satisfed with the output as I had issues making it look the way I wanted. I think I will eventually convert the XML to QML code on the fly. There were so many limitations with the HTML/CSS in QTextDocument it was very frustrating.

      H Offline
      H Offline
      hullatom
      wrote on last edited by hullatom
      #7

      @fcarney Hello, thanks. Yes, it so limited that the use is only very basic. I am thinking of QML as well. But I never got in touch with that, and it is as learning whole new language. I do not know which way I would have to go. Well new adventure in front of me.

      I am also looking at this report designer: https://sourceforge.net/projects/qtrpt/

      What I like about HTML/CSS, is that everybody knows it, so it can be edited by any body who knows IT basics. I miss just few more styles and I would be happy.

      1 Reply Last reply
      0
      • H hullatom

        @Christian-Ehrlicher I read it was fixed as of Qt 5.14. But I think I can live with that.

        I found that the width works as attribute. At least the relative % variant.

        Christian EhrlicherC Offline
        Christian EhrlicherC Offline
        Christian Ehrlicher
        Lifetime Qt Champion
        wrote on last edited by
        #8

        @hullatom said in CSS styling richtext in QTextDocument:

        I read it was fixed as of Qt 5.14.

        You read it wrong - I said that this fix introduced the regression about not honoring the border-style when using border-collapse.

        Qt Online Installer direct download: https://download.qt.io/official_releases/online_installers/
        Visit the Qt Academy at https://academy.qt.io/catalog

        H 1 Reply Last reply
        0
        • Christian EhrlicherC Christian Ehrlicher

          @hullatom said in CSS styling richtext in QTextDocument:

          I read it was fixed as of Qt 5.14.

          You read it wrong - I said that this fix introduced the regression about not honoring the border-style when using border-collapse.

          H Offline
          H Offline
          hullatom
          wrote on last edited by
          #9

          @Christian-Ehrlicher Maybe, it is somewhere in the text hidden? The summary on top of the page is saying:

          https://bugreports.qt.io/browse/QTBUG-36152

          Details
          Type: Suggestion
          Status:CLOSED
          Priority: P4: Low
          Resolution:Done
          Affects Version/s:
          5.2.0
          Fix Version/s:
          5.14.0 Alpha

          Created: 13 Jan '14 22:56
          Updated: 20 Aug '19 11:07
          Resolved: 08 Aug '19 17:59

          Christian EhrlicherC 1 Reply Last reply
          0
          • H hullatom

            @Christian-Ehrlicher Maybe, it is somewhere in the text hidden? The summary on top of the page is saying:

            https://bugreports.qt.io/browse/QTBUG-36152

            Details
            Type: Suggestion
            Status:CLOSED
            Priority: P4: Low
            Resolution:Done
            Affects Version/s:
            5.2.0
            Fix Version/s:
            5.14.0 Alpha

            Created: 13 Jan '14 22:56
            Updated: 20 Aug '19 11:07
            Resolved: 08 Aug '19 17:59

            Christian EhrlicherC Offline
            Christian EhrlicherC Offline
            Christian Ehrlicher
            Lifetime Qt Champion
            wrote on last edited by
            #10

            @hullatom Read:

            At least I found the reason why border-style does no longer work - it was due to https://bugreports.qt.io/browse/QTBUG-36152 which added some new capabilities (border-collapse)

            border-style does not work together with border-collapse.

            Qt Online Installer direct download: https://download.qt.io/official_releases/online_installers/
            Visit the Qt Academy at https://academy.qt.io/catalog

            1 Reply Last reply
            0
            • Christian EhrlicherC Offline
              Christian EhrlicherC Offline
              Christian Ehrlicher
              Lifetime Qt Champion
              wrote on last edited by
              #11

              See https://codereview.qt-project.org/c/qt/qtbase/+/322891

              Qt Online Installer direct download: https://download.qt.io/official_releases/online_installers/
              Visit the Qt Academy at https://academy.qt.io/catalog

              1 Reply Last reply
              0
              • H Offline
                H Offline
                hullatom
                wrote on last edited by
                #12

                Thank you all. In the end I managed to use the QtWebEngineView to render full html and css with no limitations.

                1 Reply Last reply
                1
                • R Offline
                  R Offline
                  Rudresh
                  wrote on last edited by
                  #13

                  @hullatom said in CSS styling richtext in QTextDocument:

                  render

                  Hi ,
                  I read something about xml to html conversion but am not too sure
                  and also thread is quite old, but if anyone knows how to convert xml to html
                  ( qt 6.5 ) applying css -xslt , please let me know.

                  thanks & warm regards.
                  ~ Rudresh

                  Christian EhrlicherC 1 Reply Last reply
                  0
                  • R Rudresh

                    @hullatom said in CSS styling richtext in QTextDocument:

                    render

                    Hi ,
                    I read something about xml to html conversion but am not too sure
                    and also thread is quite old, but if anyone knows how to convert xml to html
                    ( qt 6.5 ) applying css -xslt , please let me know.

                    thanks & warm regards.
                    ~ Rudresh

                    Christian EhrlicherC Offline
                    Christian EhrlicherC Offline
                    Christian Ehrlicher
                    Lifetime Qt Champion
                    wrote on last edited by
                    #14

                    @Rudresh said in CSS styling richtext in QTextDocument:

                    ( qt 6.5 ) applying css -xslt , please let me know.

                    You have to use an external library for this. Qt does not provide this functionality in Qt6.

                    Qt Online Installer direct download: https://download.qt.io/official_releases/online_installers/
                    Visit the Qt Academy at https://academy.qt.io/catalog

                    R 1 Reply Last reply
                    0
                    • Christian EhrlicherC Christian Ehrlicher

                      @Rudresh said in CSS styling richtext in QTextDocument:

                      ( qt 6.5 ) applying css -xslt , please let me know.

                      You have to use an external library for this. Qt does not provide this functionality in Qt6.

                      R Offline
                      R Offline
                      Rudresh
                      wrote on last edited by
                      #15

                      @Christian-Ehrlicher
                      Thanks a lot Christian.

                      1 Reply Last reply
                      0

                      • Login

                      • Login or register to search.
                      • First post
                        Last post
                      0
                      • Categories
                      • Recent
                      • Tags
                      • Popular
                      • Users
                      • Groups
                      • Search
                      • Get Qt Extensions
                      • Unsolved