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