{"id":6,"date":"2014-03-11T20:31:19","date_gmt":"2014-03-12T01:31:19","guid":{"rendered":"http:\/\/www.owlclient.com\/blog\/?p=6"},"modified":"2014-09-23T08:48:01","modified_gmt":"2014-09-23T13:48:01","slug":"parsing-html-in-qtc","status":"publish","type":"post","link":"https:\/\/www.owlclient.com\/blog\/?p=6","title":{"rendered":"Parsing HTML in Qt\/C++"},"content":{"rendered":"

Parsing HTML is never easy since the markup parsers of commercial browsers are so forgiving of HTML that is simply wrong. Microsoft’s HTML DOM parser worked great but confines the user to Windows. Finding a cross-platform open solution proved to be difficult.<\/p>\n

<\/div>\n
Owl uses three different solutions to accomplish HTML parsing, cleaning and data extraction.<\/p>\n<\/div>\n
\n
QSGML<\/b><\/a>\u00a0– The appealing thing about this class were the features that traverse the DOM in search of elements matching a specific query. Hence, your code could easily do something like:<\/div>\n
\n
<\/div>\n<\/div>\n
\n
QSgml<\/span> doc;<\/div>\n
doc.parse<\/span>(html);<\/div>\n
doc.getElementsByName(“a”, &tags);<\/div>\n
<\/div>\n
This code returns all the <a> elements in the document into the QList tags. Even better,QSgml::getElementsByName provided overloads that allow you specify elements with specific attributes and attributes with specific values.<\/div>\n
<\/div>\n
However, QSgml often breaks when the HTML parsed has errors such as a mismatched closing.<\/div>\n
<\/div>\n
<html><\/div>\n
\u00a0 \u00a0 <body><\/div>\n
\u00a0 \u00a0 \u00a0 \u00a0 Happy <b><i>birthday<\/b>!!! Click <a href=”…”>here<\/a>!!<\/i><\/div>\n
\u00a0 \u00a0 <\/body><\/div>\n
<\/html><\/div>\n
<\/div>\n
The above HTML any use of QSgml::getElementsByName to always return an empty list. Even worse, there is no way to tell that QSgml doesn’t like the HTML since QSgml::parse still returns true.<\/p>\n

Parsing with this library also proved to be quite slow in comparison with a 100k document taking 600 milliseconds to parse.<\/p><\/div>\n

\nHTML Tidy<\/b><\/a>\u00a0<\/b>– This library turns bad HTML into “good” HTML and can even convert HTML into valid XHTML. The library is relatively easy to use and is easily configurable. The only downside was the size of the library.<\/p>\n

Whereas QSgml is four files in total (two .h and two .cpp files) HTML Tidy consists of over 20+ files. Luckily, importing the source into Owl’s existing CMake projects proved to be relatively straightforward though somewhat tedious.<\/p>\n

The results, however, were great! Converting a 100k byte HTML document into XHTML averaged about 40-50 milliseconds. This is even more impressive when considering that HTML Tidy also builds a DOM tree while it’s doing it’s “clean and repair”. QSgml on the other hand took nearly 600 milliseconds just to parse the same document.\u00a0Unfortunately the features available in the DOM were not as strong as those in QSgml.<\/p>\n<\/div>\n

tinyxml2<\/b><\/a>\u00a0<\/b>– The initial tests with tinyxml2 showed that parsing a ~100k XML document took roughly 150 milliseconds. Combining the time it takes for HTML Tidy to “clean and repair” and for tinyxml2 to parse, this process ended up averaging about 200-250 milliseconds for a 100k document.<\/p>\n
\n

Owl currently uses all three classes while only the latter two are\u00a0truly\u00a0necessary. Future versions will remove QSgml entirely and use a combination of HTML Tidy and tinyxml2.<\/p>\n

For any projects that do not necessarily need to maintain the byte-for-byte structure of HTML, using a combination of HTML Tidy and tinyxml2 might be the best route.<\/p><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

Parsing HTML is never easy since the markup parsers of commercial browsers are so forgiving of HTML that is simply wrong. Microsoft’s HTML DOM parser worked great but confines the user to Windows. Finding a cross-platform open solution proved to …<\/p>\n

Read more »<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/www.owlclient.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/6"}],"collection":[{"href":"https:\/\/www.owlclient.com\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.owlclient.com\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.owlclient.com\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.owlclient.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":1,"href":"https:\/\/www.owlclient.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/6\/revisions"}],"predecessor-version":[{"id":7,"href":"https:\/\/www.owlclient.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/6\/revisions\/7"}],"wp:attachment":[{"href":"https:\/\/www.owlclient.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.owlclient.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=6"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.owlclient.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}