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
    #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