Handling HTML: Difference between revisions

From Qt Wiki
Jump to navigation Jump to search
(Decode HTML entity numbers)
(Formatting.)
Line 2: Line 2:


[[Category:Developing_with_Qt]]
[[Category:Developing_with_Qt]]
[toc align_right="yes" depth="2"]


= Handling HTML =
= Handling HTML =
Line 8: Line 7:
This page discusses various available options for working with [http://en.wikipedia.org/wiki/HTML HTML] documents in your Qt application. Please also read the general considerations outlined on the [[Handling_Document_Formats | Handling Document Formats]] page.
This page discusses various available options for working with [http://en.wikipedia.org/wiki/HTML HTML] documents in your Qt application. Please also read the general considerations outlined on the [[Handling_Document_Formats | Handling Document Formats]] page.


p{width:60%;border:solid 1px #99a;background:#eef;color:#335;padding:2pt 4pt;font-size:0.9em;line-height:150%;font-style:italic}. Note that this information is collaboratively collected by the community, with no promise of completeness or correctness. In particular, use your own research and judgment when evaluating third-party libraries or tools!
<pre style="background-color: #E6E6FA">Note that this information is collaboratively collected by the community, with no promise
of completeness or correctness. In particular, use your own research and judgment
when evaluating third-party libraries or tools! </pre>


== Reading / Writing ==
== Reading / Writing ==
Line 14: Line 15:
=== Scribe ===
=== Scribe ===


Qt's ''Scribe'' framework (see [[Handling_Document_Formats | Handling Document Formats]]) has built-in support for loading from / saving to HTML (see "QTextDocument::setHtml":/doc/qt-4.8/qtextdocument.html#setHtml and "toHtml":/doc/qt-4.8/qtextdocument.html#toHtml as well as [[Doc:QTextDocumentWriter]]). Together with the format-independent API that [[Doc:QTextDocument]] provides for modifying documents (or creating them from scratch), this makes Scribe an adequate framework for processing or generating HTML documents.
Qt's ''Scribe'' framework (see [[Handling_Document_Formats | Handling Document Formats]]) has built-in support for loading from / saving to HTML (see [http://doc.qt.io/qt-4.8/qtextdocument.html#setHtml QTextDocument::setHtml] and [http://doc.qt.io/qt-4.8/qtextdocument.html#toHtml toHtml] as well as [http://doc.qt.io/qt-5/qtextdocumentwriter.html QTextDocumentWriter]). Together with the format-independent API that [http://doc.qt.io/qt-5/qtextdocument.html QTextDocument] provides for modifying documents (or creating them from scratch), this makes Scribe an adequate framework for processing or generating HTML documents.


However, it only supports a "limited subset of static HTML 4 / CSS 2.1":/doc/qt-4.8/richtext-html-subset.html - corresponding to the limited set of built-in document features which QTextDocument supports internally.
However, it only supports a [http://doc.qt.io/qt-4.8/richtext-html-subset.html limited subset of static HTML 4 / CSS 2.1] - corresponding to the limited set of built-in document features which QTextDocument supports internally.


=== QtWebKit ===
=== QtWebKit ===


The Webkit-based web browser framework shipped with Qt provides the [[Doc:QWebPage]] and [[Doc:QWebFrame]] classes, which can be used to load an HTML document (or any web page) without actually rendering it, and access or modify it through a DOM-like API. Saving back to HTML is possible using "QWebFrame::toHtml":/doc/qt-4.8/qwebframe.html#toHtml.
The Webkit-based web browser framework shipped with Qt provides the [http://doc.qt.io/qt-5/qwebpage.html QWebPage] and [http://doc.qt.io/qt-5/qwebframe.html QWebFrame] classes, which can be used to load an HTML document (or any web page) without actually rendering it, and access or modify it through a DOM-like API. Saving back to HTML is possible using [http://doc.qt.io/qt-5/qwebframe.html QWebFrame::toHtml].


Keep in mind though that loading an HTML document in this way will not just passively parse it (like the Scribe framework or the XML/HTML parsers discussed below would), but actively evaluate it like a browser would, i.e. loading linked content like iframes, running JavaScript that is set to run on start-up, etc. Whether this is useful or problematic will depend on your specific use-case.
Keep in mind though that loading an HTML document in this way will not just passively parse it (like the Scribe framework or the XML/HTML parsers discussed below would), but actively evaluate it like a browser would, i.e. loading linked content like iframes, running JavaScript that is set to run on start-up, etc. Whether this is useful or problematic will depend on your specific use-case.


p{border:dashed 1px #a94;background:#fbf3dd;color:#530;padding:2pt 4pt;margin-left:2pt;margin-right:2pt;font-size:0.9em;line-height:150%;font-style:italic}. TODO: Can someone confirm whether this is true (and unavoidable), and edit this section accordingly?
<pre style="background-color: moccasin">TODO: Can someone confirm whether this is true (and unavoidable), and edit this section accordingly?</pre>


=== Manual XML processing ===
=== Manual XML processing ===
Line 32: Line 33:
Note that there are third-party tools/libraries available for automatically converting "normal" (and even broken) HTML documents into valid XHTML/XML which is suitable for processing:
Note that there are third-party tools/libraries available for automatically converting "normal" (and even broken) HTML documents into valid XHTML/XML which is suitable for processing:


table{width:95%;margin-left:2.5%}.
{| class="wikitable"
| |''. type |''. platforms |''. license |
|  
| [http://tidy.sourceforge.net '''HTML Tidy'''] | stand-alone tool | Win, Mac, Linux, … | MIT-like {color:#458}[permissive] |
! type  
| [http://tidy.sourceforge.net/libintro.html '''TidyLib'''] | C library | Win, Mac, Linux, … | MIT-like {color:#458}[permissive] |
! platforms  
| [http://www.chilkatsoft.com/C+''-HTML-Parser.asp '''Chilkat'''] | C''+ library | Win, Mac, Linux, … | {color:#458}proprietary |
! license  
|-
| [http://tidy.sourceforge.net '''HTML Tidy''']  
| stand-alone tool  
| Win, Mac, Linux, …  
| MIT-like <span style="color:Navy">[permissive]</span>
|-
| [http://tidy.sourceforge.net/libintro.html '''TidyLib''']  
| C library  
| Win, Mac, Linux, …  
| MIT-like <span style="color:Navy">[permissive] </span>
|-
| [http://www.chilkatsoft.com/ '''Chilkat''']  
| C''+ library  
| Win, Mac, Linux, …  
| proprietary  
|}


=== Manual HTML processing ===
=== Manual HTML processing ===
For specialized HTML parsers with a similarly low-level API as Qt's XML handling classes, refer to third-party C/C++ libraries, e.g.:
For specialized HTML parsers with a similarly low-level API as Qt's XML handling classes, refer to third-party C/C++ libraries, e.g.:


table{width:95%;margin-left:2.5%}.
{| class="wikitable"
| |''. API |''. parsing |''. writing |''. parsing modes |''. platforms |_. license |
|  
| [http://xmlsoft.org '''libxml2'''] | C | {color:#580}yes | {color:#920}? | stream, SAX, DOM (non-validating?) | Win, Mac, Linux, … | MIT {color:#458}[permissive] |
! API  
| [http://htmlcxx.sourceforge.net '''htmlcxx'''] | C++ | {color:#580}yes | {color:#580}yes | SAX, DOM, ? (non-validating) | Win, Linux, ? | LGPL {color:#458}[weak copyleft]|
! parsing  
| [http://libhtml.bsd.lv '''libhtml'''] | C | {color:#580}yes | {color:#580}yes | stream (strongly-validating) | Linux, ? | ICS {color:#458}[permissive] |
! writing  
! parsing modes  
! platforms  
! license  
|-
| [http://xmlsoft.org '''libxml2''']  
| C  
| <span style="color:Green">yes</span>
| ?  
| stream, SAX, DOM (non-validating?)  
| Win, Mac, Linux, …  
| MIT <span style="color:Navy">[permissive] </span>
|-
| [http://htmlcxx.sourceforge.net '''htmlcxx''']  
| C++  
| <span style="color:Green">yes</span>
| <span style="color:Green">yes</span>
| SAX, DOM, ? (non-validating)  
| Win, Linux, ?  
| LGPL <span style="color:Navy">[weak copyleft] </span>
|-
| [http://libhtml.bsd.lv '''libhtml''']  
| C  
| <span style="color:Green">yes</span>
| <span style="color:Green">yes</span>
| stream (strongly-validating)  
| Linux, ?  
| ICS <span style="color:Navy">[permissive] </span>
|}


== Rendering / Interactive Viewing ==
== Rendering / Interactive Viewing ==
Line 53: Line 98:
As already described above, Qt's Scribe framework supports automatically importing HTML content into a [[Doc:QTextDocument]].
As already described above, Qt's Scribe framework supports automatically importing HTML content into a [[Doc:QTextDocument]].
Once in that form, you can…
Once in that form, you can…
* …render it onto any [[Doc:QPaintDevice]] using "QTextDocument::drawContents":/doc/qt-4.8/qtextdocument.html#drawContents.
* …render it onto any [http://doc.qt.io/qt-5/qpaintdevice.html QPaintDevice] using [http://doc.qt.io/qt-4.8/qtextdocument.html#drawContents QTextDocument::drawContents].
* …show it to the user through a [[Doc:QTextEdit]] widget (either in read-only mode, or in editable mode which allows the user to actually edit the document interactively).
* …show it to the user through a [http://doc.qt.io/qt-5/qtextedit.html QTextEdit] widget (either in read-only mode, or in editable mode which allows the user to actually edit the document interactively).


Again, the restriction to the "limited subset of static HTML 4 / CSS 2.1":/doc/qt-4.8/richtext-html-subset.html supported by QTextDocument applies.
Again, the restriction to the "limited subset of static HTML 4 / CSS 2.1":/doc/qt-4.8/richtext-html-subset.html supported by QTextDocument applies.
Line 60: Line 105:
=== QtWebKit ===
=== QtWebKit ===


[[Image:{float:right;margin:0 1em 1em 1em}/doc/qt-4.8/images/webkit-examples.png|]] If you need more powerful viewing / user-interaction capabilities, take a look at the "QtWebKit browser framework":/doc/qt-4.8/qtwebkit.html which is included with Qt. It can interactively display pretty much any modern web document (which may make use of HTML 5, XHTML, CSS 3, SVG, JavaScript, plugins like Flash, etc.). The viewer component is available in the following forms:
[[Image:Webkit-examples.png|right] If you need more powerful viewing / user-interaction capabilities, take a look at the [http://doc.qt.io/qt-5/qtwebkit-index.html QtWebKit browser framework] which is included with Qt. It can interactively display pretty much any modern web document (which may make use of HTML 5, XHTML, CSS 3, SVG, JavaScript, plugins like Flash, etc.). The viewer component is available in the following forms:
* As a QWidget ([[Doc:QWebView]] )
* As a QWidget ([http://doc.qt.io/qt-5/qwebview.html QWebView] )
* As a QGraphicsItem ([[Doc:QGraphicsWebView]])
* As a QGraphicsItem ([http://doc.qt.io/qt-5/qgraphicswebview.html QGraphicsWebView])
* As a QML element ("WebView":/doc/qt-4.8/qml-webview.html)
* As a QML element ([http://doc.qt.io/qt-4.8/qml-webview.html WebView])
 
The framework also allows rendering an HTML page to any [http://doc.qt.io/qt-5/qpaintdevice.html QPaintDevice] using
[http://doc.qt.io/qt-4.8/qwebframe.html#render QWebFrame::render].


The framework also allows rendering an HTML page to any [[Doc:QPaintDevice]] using "QWebFrame::render":/doc/qt-4.8/qwebframe.html#render.


p{color:#fff;border-bottom:solid 1px #ccc;clear:both}. .


== See Also ==
== See Also ==

Revision as of 12:15, 20 March 2015

This article may require cleanup to meet the Qt Wiki's quality standards. Reason: Auto-imported from ExpressionEngine.
Please improve this article if you can. Remove the {{cleanup}} tag and add this page to Updated pages list after it's clean.

Handling HTML

This page discusses various available options for working with HTML documents in your Qt application. Please also read the general considerations outlined on the Handling Document Formats page.

Note that this information is collaboratively collected by the community, with no promise
of completeness or correctness. In particular, use your own research and judgment
when evaluating third-party libraries or tools! 

Reading / Writing

Scribe

Qt's Scribe framework (see Handling Document Formats) has built-in support for loading from / saving to HTML (see QTextDocument::setHtml and toHtml as well as QTextDocumentWriter). Together with the format-independent API that QTextDocument provides for modifying documents (or creating them from scratch), this makes Scribe an adequate framework for processing or generating HTML documents.

However, it only supports a limited subset of static HTML 4 / CSS 2.1 - corresponding to the limited set of built-in document features which QTextDocument supports internally.

QtWebKit

The Webkit-based web browser framework shipped with Qt provides the QWebPage and QWebFrame classes, which can be used to load an HTML document (or any web page) without actually rendering it, and access or modify it through a DOM-like API. Saving back to HTML is possible using QWebFrame::toHtml.

Keep in mind though that loading an HTML document in this way will not just passively parse it (like the Scribe framework or the XML/HTML parsers discussed below would), but actively evaluate it like a browser would, i.e. loading linked content like iframes, running JavaScript that is set to run on start-up, etc. Whether this is useful or problematic will depend on your specific use-case.

TODO: Can someone confirm whether this is true (and unavoidable), and edit this section accordingly?

Manual XML processing

If your application needs to parse or write HTML/XHTML documents which are valid XML, consider processing them using Qt's XML handling classes (see Handling Document Formats).

Note that there are third-party tools/libraries available for automatically converting "normal" (and even broken) HTML documents into valid XHTML/XML which is suitable for processing:

type platforms license
HTML Tidy stand-alone tool Win, Mac, Linux, … MIT-like [permissive]
TidyLib C library Win, Mac, Linux, … MIT-like [permissive]
Chilkat C+ library Win, Mac, Linux, … proprietary

Manual HTML processing

For specialized HTML parsers with a similarly low-level API as Qt's XML handling classes, refer to third-party C/C++ libraries, e.g.:

API parsing writing parsing modes platforms license
libxml2 C yes ? stream, SAX, DOM (non-validating?) Win, Mac, Linux, … MIT [permissive]
htmlcxx C++ yes yes SAX, DOM, ? (non-validating) Win, Linux, ? LGPL [weak copyleft]
libhtml C yes yes stream (strongly-validating) Linux, ? ICS [permissive]

Rendering / Interactive Viewing

Scribe

As already described above, Qt's Scribe framework supports automatically importing HTML content into a Doc:QTextDocument. Once in that form, you can…

Again, the restriction to the "limited subset of static HTML 4 / CSS 2.1":/doc/qt-4.8/richtext-html-subset.html supported by QTextDocument applies.

QtWebKit

[[Image:Webkit-examples.png|right] If you need more powerful viewing / user-interaction capabilities, take a look at the QtWebKit browser framework which is included with Qt. It can interactively display pretty much any modern web document (which may make use of HTML 5, XHTML, CSS 3, SVG, JavaScript, plugins like Flash, etc.). The viewer component is available in the following forms:

The framework also allows rendering an HTML page to any QPaintDevice using QWebFrame::render.


See Also