Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • Users
  • Groups
  • Search
  • Get Qt Extensions
  • Unsolved
Collapse
Brand Logo
  1. Home
  2. Qt Development
  3. Mobile and Embedded
  4. How to display HTML content?
Forum Updated to NodeBB v4.3 + New Features

How to display HTML content?

Scheduled Pinned Locked Moved Mobile and Embedded
18 Posts 4 Posters 9.9k 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.
  • Z Offline
    Z Offline
    zlutor
    wrote on last edited by
    #5

    JSON is result of an API request, I have zero influence either on its content or the delivery model.

    I have to write a client that display content the received HTML - nothing more, nothing less...

    1 Reply Last reply
    0
    • C Offline
      C Offline
      ckakman
      wrote on last edited by
      #6

      URL doesn't mean an address that is on the web. file://some_path.html is also a URL. I'd suggest that you save the HTML somewhere and check which one of the options you listed can load it.

      1 Reply Last reply
      0
      • Z Offline
        Z Offline
        zlutor
        wrote on last edited by
        #7

        Yes, saving it into a local file came into my mind earlier, too - but it did not seemed to be optimal solution when we have such fancy tools to be used... :D

        Not to mention saving it into file raise the question where to save it - in cross-platform manner... :-(

        1 Reply Last reply
        0
        • Z Offline
          Z Offline
          zlutor
          wrote on last edited by
          #8

          maybe "QTemporaryFile":http://doc.qt.io/qt-5/qtemporaryfile.html will be my friend...

          1 Reply Last reply
          0
          • C Offline
            C Offline
            ckakman
            wrote on last edited by
            #9

            Also check out "QStandardPaths":http://doc.qt.io/qt-5/qstandardpaths.html#StandardLocation-enum. It seems to be supported on Android. Maybe it also works on iOS and WinPhone but docs are not updated yet.

            1 Reply Last reply
            0
            • W Offline
              W Offline
              wpurvis
              wrote on last edited by
              #10

              Why do you think WebView doesn't have a loadHtml method?

              It does: http://doc.qt.io/qt-5/qml-qtwebkit-webview.html#loadHtml-method

              So does WebEngineView.

              1 Reply Last reply
              0
              • Z Offline
                Z Offline
                zlutor
                wrote on last edited by
                #11

                WebKit variant of WebView has that method but as I read the documentation it is neither the preferred, nor the futureproof way to go...

                The documentation is misleading (wrong), the "'new' WebView":http://doc.qt.io/qt-5/qml-qtwebview-webview.html - as "WebEngineView":http://doc.qt.io/qt-5/qml-qtwebengine-webengineview.html - has no such method... :-(

                1 Reply Last reply
                0
                • W Offline
                  W Offline
                  wpurvis
                  wrote on last edited by
                  #12

                  bq. The documentation is misleading (wrong), the ‘new’ WebView [doc.qt.io] – as WebEngineView [doc.qt.io] – has no such method… :-(

                  I guess I don't understand what you're talking about. If you follow your own link to the WebEngineView docs, there's a loadHtml method listed:

                  http://doc.qt.io/qt-5/qml-qtwebengine-webengineview.html#loadHtml-method

                  It's there. It works. I use it every day.

                  1 Reply Last reply
                  0
                  • O Offline
                    O Offline
                    onek24
                    wrote on last edited by
                    #13

                    -- remove --

                    due to misunderstanding =)

                    1 Reply Last reply
                    0
                    • Z Offline
                      Z Offline
                      zlutor
                      wrote on last edited by
                      #14

                      [quote author="wpurvis" date="1421678385"]bq. The documentation is misleading (wrong), the ‘new’ WebView [doc.qt.io] – as WebEngineView [doc.qt.io] – has no such method… :-(

                      I guess I don't understand what you're talking about. If you follow your own link to the WebEngineView docs, there's a loadHtml method listed:

                      http://doc.qt.io/qt-5/qml-qtwebengine-webengineview.html#loadHtml-method

                      It's there. It works. I use it every day.

                      [/quote]

                      But that is the 'old' WebView (WebKit based, I guess).

                      The new, preferred, availaable in mobile environment is "this one":http://doc.qt.io/qt-5/qml-qtwebview-webview.html , as I linked earlier...

                      Anyway, new WebView combined with QTemporaryFile did the trick.

                      Unfortunately it works only in Android emulator but not in real device - since responseText attribute of "XMLHttpRequest":http://doc.qt.io/qt-5/qtqml-javascript-qmlglobalobject.html contains full, expected response on Android emulator but it contains ' ' only on real Nokia X device... :-(

                      Here it is the getter, I guess it should be O.K...

                      @function httpGet(request, timeout, storage, target)
                      {
                      var xmlHttp = new XMLHttpRequest();
                      xmlHttp["storage"] = storage
                      xmlHttp["target"] = target
                      xmlHttp.timeout = timeout;
                      xmlHttp.onreadystatechange = function () {
                      if (xmlHttp.DONE === xmlHttp.readyState)
                      {
                      var responseInJsonFormat = JSON.parse(xmlHttp.responseText)
                      var statusCode = responseInJsonFormat["status"]
                      var html = responseInJsonFormat["ad"]

                      var contentLocation = xmlHttp.storage.pushContent(html)
                      xmlHttp.target.url = "file://"+contentLocation
                      }
                      else
                      {
                      console.debug("too early - xmlHttp.readyState: ", xmlHttp.readyState)
                      }
                      };

                      xmlHttp.open( "GET"
                      , request
                      , true // asynchronous call
                      );
                      xmlHttp.send( null );
                      return xmlHttp
                      }@

                      1 Reply Last reply
                      0
                      • O Offline
                        O Offline
                        onek24
                        wrote on last edited by
                        #15

                        [quote author="zlutor" date="1422528259"]
                        [quote author="wpurvis" date="1421678385"]bq. The documentation is misleading (wrong), the ‘new’ WebView [doc.qt.io] – as WebEngineView [doc.qt.io] – has no such method… :-(

                        I guess I don't understand what you're talking about. If you follow your own link to the WebEngineView docs, there's a loadHtml method listed:

                        http://doc.qt.io/qt-5/qml-qtwebengine-webengineview.html#loadHtml-method

                        It's there. It works. I use it every day.

                        [/quote]

                        But that is the 'old' WebView (WebKit based, I guess).

                        The new, preferred, availaable in mobile environment is "this one":http://doc.qt.io/qt-5/qml-qtwebview-webview.html , as I linked earlier...

                        Anyway, new WebView combined with QTemporaryFile did the trick.

                        Unfortunately it works only in Android emulator but not in real device - since responseText attribute of "XMLHttpRequest":http://doc.qt.io/qt-5/qtqml-javascript-qmlglobalobject.html contains full, expected response on Android emulator but it contains ' ' only on real Nokia X device... :-(

                        Here it is the getter, I guess it should be O.K...

                        @function httpGet(request, timeout, storage, target)
                        {
                        var xmlHttp = new XMLHttpRequest();
                        xmlHttp["storage"] = storage
                        xmlHttp["target"] = target
                        xmlHttp.timeout = timeout;
                        xmlHttp.onreadystatechange = function () {
                        if (xmlHttp.DONE === xmlHttp.readyState)
                        {
                        var responseInJsonFormat = JSON.parse(xmlHttp.responseText)
                        var statusCode = responseInJsonFormat["status"]
                        var html = responseInJsonFormat["ad"]

                        var contentLocation = xmlHttp.storage.pushContent(html)
                        xmlHttp.target.url = "file://"+contentLocation
                        }
                        else
                        {
                        console.debug("too early - xmlHttp.readyState: ", xmlHttp.readyState)
                        }
                        };

                        xmlHttp.open( "GET"
                        , request
                        , true // asynchronous call
                        );
                        xmlHttp.send( null );
                        return xmlHttp
                        }@[/quote]

                        Have you tried this on iOS?

                        1 Reply Last reply
                        0
                        • Z Offline
                          Z Offline
                          zlutor
                          wrote on last edited by
                          #16

                          [quote author="onek24" date="1422532946"]
                          Have you tried this on iOS?
                          [/quote]

                          No, unfortunately not - I have no access to any iOS thingy...

                          1 Reply Last reply
                          0
                          • Z Offline
                            Z Offline
                            zlutor
                            wrote on last edited by
                            #17

                            How can I determine user agent - e.g. the one used by "WebView":http://doc.qt.io/qt-5/qml-qtwebview-webview.html - in Qt5.4?

                            1 Reply Last reply
                            0
                            • Z Offline
                              Z Offline
                              zlutor
                              wrote on last edited by
                              #18

                              Mea maxima culpa, it work on real Android device, too!

                              What a lame error I made - WiFi was off... :D

                              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