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