Handling HTML: Difference between revisions

From Qt Wiki
Jump to navigation Jump to search
No edit summary
 
(Cleanup)
 
(10 intermediate revisions by 3 users not shown)
Line 1: Line 1:
=Handling <span class="caps">HTML</span>=
{{LangSwitch}}
[[Category:Developing_with_Qt]]
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 in the [[Handling Document Formats]] article.


This page discusses various available options for working with [http://en.wikipedia.org/wiki/HTML <span class="caps">HTML</span>] ''[en.wikipedia.org]'' documents in your Qt application. Please also read the general considerations outlined on the [[Handling Document Formats]] page.
== Reading / Writing ==


''<font size="0.9em"><font color="#335">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!</font></font>''
=== Scribe ===


==Reading / Writing==
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.


===Scribe===
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.


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


However, it only supports a [[doc/qt-4.8/richtext-html-subset.html|limited subset of static <span class="caps">HTML</span> 4 / <span class="caps">CSS</span> 2.1]] – corresponding to the limited set of built-in document features which QTextDocument supports internally.
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].


===QtWebKit===
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.


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


Keep in mind though that loading an <span class="caps">HTML</span> document in this way will not just passively parse it (like the Scribe framework or the <span class="caps">XML</span>/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.
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 | Handling Document Formats]]).


''<font size="0.9em"><font color="#530"><span class="caps">TODO</span>: Can someone confirm whether this is true (and unavoidable), and edit this section accordingly?</font></font>''
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:


===Manual <span class="caps">XML</span> processing===
{| class="wikitable"
 
|  
If your application needs to parse or write <span class="caps">HTML</span>/XHTML documents which are valid <span class="caps">XML</span>, consider processing them using Qt’s ''<span class="caps">XML</span> handling classes'' (see [[Handling Document Formats]]).
! type  
 
! platforms  
Note that there are third-party tools/libraries available for automatically converting “normal” (and even broken) <span class="caps">HTML</span> documents into valid <span class="caps">XHTML</span>/XML which is suitable for processing:
! license  
 
{| class="infotable line" style="width: 95%; margin-left: 2.5%"
|
! type
! platforms
! license
|-
|-
|
| [http://tidy.sourceforge.net '''HTML Tidy''']  
[http://tidy.sourceforge.net '''<span class="caps">HTML</span> Tidy'''] ''[tidy.sourceforge.net]''
| stand-alone tool  
| stand-alone tool
| Win, Mac, Linux, …  
| Win, Mac, Linux, …
| MIT-like <span style="color:Navy">[permissive]</span>  
| <span class="caps">MIT</span>-like <font color="#458">[permissive]</font>
|-
|-
|
| [http://tidy.sourceforge.net/libintro.html '''TidyLib''']  
[http://tidy.sourceforge.net/libintro.html '''TidyLib'''] ''[tidy.sourceforge.net]''
| C library  
| C library
| Win, Mac, Linux, …  
| Win, Mac, Linux, …
| MIT-like <span style="color:Navy">[permissive] </span>
| <span class="caps">MIT</span>-like <font color="#458">[permissive]</font>
|-
|-
|
| [http://www.chilkatsoft.com/ '''Chilkat''']  
[http://www.chilkatsoft.com/C++-HTML-Parser.asp '''Chilkat'''] ''[chilkatsoft.com]''
| C''+ library  
| C++ library
| Win, Mac, Linux, …  
| Win, Mac, Linux, …
| proprietary  
| <font color="#458">proprietary</font>
|}
|}


===Manual <span class="caps">HTML</span> 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 <span class="caps">HTML</span> parsers with a similarly low-level <span class="caps">API</span> as Qt’s <span class="caps">XML</span> handling classes, refer to third-party C/C++ libraries, e.g.:


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


==Rendering / Interactive Viewing==
== Rendering / Interactive Viewing ==
 
===Scribe===
 
As already described above, Qt’s Scribe framework supports automatically importing <span class="caps">HTML</span> content into a [[doc/QTextDocument|QTextDocument]].<br /> Once in that form, you can…


* …render it onto any [[doc/QPaintDevice|QPaintDevice]] using [[doc/qt-4.8/qtextdocument.html#drawContents|QTextDocument::drawContents]].
=== Scribe ===
* …show it to the user through a [[doc/QTextEdit|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 [[doc/qt-4.8/richtext-html-subset.html|limited subset of static <span class="caps">HTML</span> 4 / <span class="caps">CSS</span> 2.1]] supported by QTextDocument applies.
As already described above, Qt's Scribe framework supports automatically importing HTML content into a [http://doc.qt.io/qt-5/qtextdocument.html QTextDocument].
Once in that form, you can…
* …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 [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).


===QtWebKit===
Again, the restriction to the [http://doc.qt.io/qt-4.8/richtext-html-subset.html limited subset of static HTML 4 / CSS 2.1] supported by QTextDocument applies.


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


* As a QWidget ([[doc/QWebView|QWebView]] )
[[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 QGraphicsItem ([[doc/QGraphicsWebView|QGraphicsWebView]])
* As a QWidget ([http://doc.qt.io/qt-5/qwebview.html QWebView] )
* As a <span class="caps">QML</span> element ([[doc/qt-4.8/qml-webview.html|WebView]])
* As a QGraphicsItem ([http://doc.qt.io/qt-5/qgraphicswebview.html QGraphicsWebView])
* As a QML element ([http://doc.qt.io/qt-4.8/qml-webview.html WebView])


The framework also allows rendering an <span class="caps">HTML</span> page to any [[doc/QPaintDevice|QPaintDevice]] using [[doc/qt-4.8/qwebframe.html#render|QWebFrame::render]].
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].


<font color="#fff">.</font>


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


* [[Handling Document Formats]]
* [[Handling Document Formats]]
** ''other “text document” formats:''
* [[Handling PDF]]
*** [[Handling PDF|<span class="caps">PDF</span>]]
* [[Handling Microsoft Word_file_format]]
*** [[Handling RTF|<span class="caps">RTF</span>]]
*** [[Handling Microsoft Word file format|Microsoft Word]]
*** [[Handling OpenDocument Text|OpenDocument Text]]
 
===Categories:===
 
* [[:Category:Developing with Qt|Developing_with_Qt]]

Latest revision as of 21:24, 27 June 2015

En Ar Bg De El Es Fa Fi Fr Hi Hu It Ja Kn Ko Ms Nl Pl Pt Ru Sq Th Tr Uk Zh

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

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.

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 QTextDocument. Once in that form, you can…

Again, the restriction to the limited subset of static HTML 4 / CSS 2.1 supported by QTextDocument applies.

QtWebKit

Webkit-examples.png

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