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.8k 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.
  • 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