QML 텍스트의 HTML 서식

Question

작은 테이블을 표시하는 HTML 코드 일부가 있습니다.

을하지만 (문서에 따르면, HTML을 지원해야하는) Text 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를 사용하지 않고도 가능합니까?

Answer 1

추가에 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>" 
}