2014-10-13 22 views
6

Küçük bir tablo görüntüleyen HTML kodunun bir kısmına sahibim. HTML TableQML Metindeki HTML biçimlendirmesi

Ama (belgelerine göre, HTML desteği gereken,) Text QML görüntülemek istediğinizde, görüyorum: tarayıcısında bu resimde benziyor

HTML table in QML

(Turuncu dikdörtgen mytext ana) 'dir dikdörtgenin bir parçasıdır

Text { 
    id: mytext 
    anchors.fill: parent 
    text: "<div><table border='1'><caption><h4>Test stats</h4>"+ 
    "</caption><tr bgcolor='#9acd32'><th/><th>Number1</th><th>Number2</th></tr> <tr><th>Line1</th>"+ 
     "<td> 0 </td> <td> 1 </td> </tr> <tr><th>Line2</th> <td> 0 </td> <td> 1 </td> </tr>"+ 
     "<tr><th>Line3</th> <td> 0 </td> <td> 0 </td> </tr> <tr><th>Line4</th> <td> 1 </td> <td> 0 </td> </tr>"+ 
     "<tr><th>Line5</th> <td> 1 </td> <td> 1 </td> </tr> <tr><th>Line6</th> <td> 1 </td> <td> 1 </td> </tr> </div>" 
} 

Peki doğru QML (QtQuick 2.0 Bu HTML tablosunu görüntülemek için)

? WebView kullanmadan mümkün mü?

cevap

8

eklenti textFormat: Text.RichText

Text { 
    id: mytext 
    anchors.fill: parent 
    textFormat: Text.RichText 
    text: "<div><table border='1'><caption><h4>Test stats</h4>"+ 
    "</caption><tr bgcolor='#9acd32'><th/><th>Number1</th><th>Number2</th></tr> <tr><th>Line1</th>"+ 
     "<td> 0 </td> <td> 1 </td> </tr> <tr><th>Line2</th> <td> 0 </td> <td> 1 </td> </tr>"+ 
     "<tr><th>Line3</th> <td> 0 </td> <td> 0 </td> </tr> <tr><th>Line4</th> <td> 1 </td> <td> 0 </td> </tr>"+ 
     "<tr><th>Line5</th> <td> 1 </td> <td> 1 </td> </tr> <tr><th>Line6</th> <td> 1 </td> <td> 1 </td> </tr> </div>" 
}