2014-10-13 8 views
6

में एचटीएमएल स्वरूपण मेरे पास HTML कोड का एक हिस्सा है, जो छोटी तालिका प्रदर्शित करता है। ब्राउज़र में यह चित्र में दिखाई देता है: HTML Tableक्यूएमएल पाठ

लेकिन जब मैं (जो, दस्तावेज़ के अनुसार, एचटीएमएल का समर्थन करना चाहिए) Text QML में यह प्रदर्शित करना चाहते हैं, मैं देख रहा हूँ:

HTML table in QML

(ऑरेंज आयत आयत का एक हिस्सा है, जो mytext की मूल) है

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>" 
} 

तो कैसे सही ढंग से प्रदर्शित करने के लिए QML (QtQuick 2.0 में इस HTML तालिका)? क्या WebView का उपयोग किए बिना यह संभव है?

उत्तर

8

ऐड 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>" 
} 
संबंधित मुद्दे