1 | /****************************************************************************
|
---|
2 | **
|
---|
3 | ** Copyright (C) 2009 Nokia Corporation and/or its subsidiary(-ies).
|
---|
4 | ** Contact: Qt Software Information ([email protected])
|
---|
5 | **
|
---|
6 | ** This file is part of the documentation of the Qt Toolkit.
|
---|
7 | **
|
---|
8 | ** $QT_BEGIN_LICENSE:LGPL$
|
---|
9 | ** Commercial Usage
|
---|
10 | ** Licensees holding valid Qt Commercial licenses may use this file in
|
---|
11 | ** accordance with the Qt Commercial License Agreement provided with the
|
---|
12 | ** Software or, alternatively, in accordance with the terms contained in
|
---|
13 | ** a written agreement between you and Nokia.
|
---|
14 | **
|
---|
15 | ** GNU Lesser General Public License Usage
|
---|
16 | ** Alternatively, this file may be used under the terms of the GNU Lesser
|
---|
17 | ** General Public License version 2.1 as published by the Free Software
|
---|
18 | ** Foundation and appearing in the file LICENSE.LGPL included in the
|
---|
19 | ** packaging of this file. Please review the following information to
|
---|
20 | ** ensure the GNU Lesser General Public License version 2.1 requirements
|
---|
21 | ** will be met: http://www.gnu.org/licenses/old-licenses/lgpl-2.1.html.
|
---|
22 | **
|
---|
23 | ** In addition, as a special exception, Nokia gives you certain
|
---|
24 | ** additional rights. These rights are described in the Nokia Qt LGPL
|
---|
25 | ** Exception version 1.0, included in the file LGPL_EXCEPTION.txt in this
|
---|
26 | ** package.
|
---|
27 | **
|
---|
28 | ** GNU General Public License Usage
|
---|
29 | ** Alternatively, this file may be used under the terms of the GNU
|
---|
30 | ** General Public License version 3.0 as published by the Free Software
|
---|
31 | ** Foundation and appearing in the file LICENSE.GPL included in the
|
---|
32 | ** packaging of this file. Please review the following information to
|
---|
33 | ** ensure the GNU General Public License version 3.0 requirements will be
|
---|
34 | ** met: http://www.gnu.org/copyleft/gpl.html.
|
---|
35 | **
|
---|
36 | ** If you are unsure which license is appropriate for your use, please
|
---|
37 | ** contact the sales department at [email protected].
|
---|
38 | ** $QT_END_LICENSE$
|
---|
39 | **
|
---|
40 | ****************************************************************************/
|
---|
41 |
|
---|
42 | /*!
|
---|
43 | \example webkit/previewer
|
---|
44 | \title Previewer Example
|
---|
45 |
|
---|
46 | The Previewer example shows how to use QtWebKit's QWebView to preview
|
---|
47 | HTML data written in a QPlainTextEdit.
|
---|
48 |
|
---|
49 | \image previewer-example.png
|
---|
50 |
|
---|
51 | \section1 The User Interface
|
---|
52 |
|
---|
53 | Before we begin, we create a user interface using \QD. Two QGroupBox
|
---|
54 | objects - the editor group box and the previewer group box are separated
|
---|
55 | by a QSplitter. In the editor group box, we have a QPlainTextEdit object,
|
---|
56 | \c plainTextEdit, and two QPushButton objects. In the previewer group box,
|
---|
57 | we have a QWebView object, \c webView.
|
---|
58 |
|
---|
59 | \image previewer-ui.png
|
---|
60 |
|
---|
61 | \section1 Previewer Class Definition
|
---|
62 |
|
---|
63 | The \c Previewer class is a subclass of both QWidget and Ui::Form.
|
---|
64 | We subclass Ui::Form in order to embed the \QD user interface form
|
---|
65 | created earlier. This method of embedding forms is known as the
|
---|
66 | \l{The Multiple Inheritance Approach}{multiple inheritance approach}.
|
---|
67 |
|
---|
68 | In our \c previewer.h file, we have a constructor and a slot,
|
---|
69 | \c on_previewButton_clicked().
|
---|
70 |
|
---|
71 | \snippet examples/webkit/previewer/previewer.h 0
|
---|
72 |
|
---|
73 | \section1 Previewer Class Implementation
|
---|
74 |
|
---|
75 | The \c{Previewer}'s constructor is only responsible for setting up the
|
---|
76 | user interface.
|
---|
77 |
|
---|
78 | \snippet examples/webkit/previewer/previewer.cpp 0
|
---|
79 |
|
---|
80 | The \c on_previewButton_clicked() is a slot corresponding to the
|
---|
81 | \c{previewButton}'s \l{QPushButton::}{clicked()} signal. When the
|
---|
82 | \c previewButton is clicked, we extract the contents of \c plainTextEdit,
|
---|
83 | and then invoke the \l{QWebView::}{setHtml()} function to display our
|
---|
84 | contents as HTML.
|
---|
85 |
|
---|
86 | \snippet examples/webkit/previewer/previewer.cpp 1
|
---|
87 |
|
---|
88 | \section1 MainWindow Class Definition
|
---|
89 |
|
---|
90 | The \c MainWindow class for the Previewer example is a subclass of
|
---|
91 | QMainWindow with a constructor and five private slots: \c open(),
|
---|
92 | \c openUrl(), \c save(), \c about() and \c updateTextEdit().
|
---|
93 |
|
---|
94 | \snippet examples/webkit/previewer/mainwindow.h 0
|
---|
95 |
|
---|
96 | The private objects in \c MainWindow are \c centralWidget, which is
|
---|
97 | a \c Previewer object, \c fileMenu, \c helpMenu and the QAction objects
|
---|
98 | \c openAct, \c openUrlAct, \c saveAct, \c exitAct, \c aboutAct and
|
---|
99 | \c aboutQtAct.
|
---|
100 |
|
---|
101 | \snippet examples/webkit/previewer/mainwindow.h 1
|
---|
102 |
|
---|
103 | There are three private functions: \c createActions(), \c createMenus()
|
---|
104 | and \c setStartupText(). The \c createActions() and \c createMenus()
|
---|
105 | functions are necessary to set up the main window's actions and
|
---|
106 | assign them to the \gui File and \gui Help menus. The \c setStartupText()
|
---|
107 | function, on the other hand, displays a description about the example
|
---|
108 | in its HTML Previewer window.
|
---|
109 |
|
---|
110 | \section1 MainWindow Class Implementation
|
---|
111 |
|
---|
112 | The \c{MainWindow}'s constructor invokes \c createActions() and
|
---|
113 | \c createMenus() to set up the \gui File menu and \gui Help menu. Then,
|
---|
114 | the \c Previewer object, \c centralWidget, is set to the main window's
|
---|
115 | central widget. Also, we connect \c webView's
|
---|
116 | \l{QWebView::}{loadFinished()} signal to our \c updateTextEdit() slot.
|
---|
117 | Finally, we call the \c setStartupText() function to display the
|
---|
118 | description of the example.
|
---|
119 |
|
---|
120 | \snippet examples/webkit/previewer/mainwindow.cpp 0
|
---|
121 |
|
---|
122 | Within the \c createActions() function, we instantiate all our private
|
---|
123 | QAction objects which we declared in \c{mainwindow.h}. We set the
|
---|
124 | short cut and status tip for these actions and connect their
|
---|
125 | \l{QAction::}{triggered()} signal to appropriate slots.
|
---|
126 |
|
---|
127 | \snippet examples/webkit/previewer/mainwindow.cpp 1
|
---|
128 | \dots
|
---|
129 |
|
---|
130 | The \c createMenus() function instantiates the QMenu items, \c fileMenu
|
---|
131 | and \c helpMenu and adds them to the main window's
|
---|
132 | \l{QMainWindow::menuBar()}{menu bar}.
|
---|
133 |
|
---|
134 | \snippet examples/webkit/previewer/mainwindow.cpp 2
|
---|
135 |
|
---|
136 | The example also provides an \c about() slot to describe its purpose.
|
---|
137 |
|
---|
138 | \snippet examples/webkit/previewer/mainwindow.cpp 3
|
---|
139 |
|
---|
140 | The \c MainWindow class provides two types of \gui Open functions:
|
---|
141 | \c open() and \c openUrl(). The \c open() function opens an HTML file
|
---|
142 | with \c fileName, and reads it with QTextStream. The function then
|
---|
143 | displays the output on \c plainTextEdit. The file's name is obtained
|
---|
144 | using QFileDialog's \l{QFileDialog::}{getOpenFileName()} function.
|
---|
145 |
|
---|
146 | \snippet examples/webkit/previewer/mainwindow.cpp 4
|
---|
147 |
|
---|
148 | The \c openUrl() function, on the other hand, displays a QInputDialog
|
---|
149 | to obtain a URL, and displays it on \c webView.
|
---|
150 |
|
---|
151 | \snippet examples/webkit/previewer/mainwindow.cpp 5
|
---|
152 |
|
---|
153 | In order to save a HTML file, the \c save() function first extracts the
|
---|
154 | contents of \c plainTextEdit and displays a QFileDialog to obtain
|
---|
155 | \c fileName. Then, we use a QTextStream object, \c in, to write to
|
---|
156 | \c file.
|
---|
157 |
|
---|
158 | \snippet examples/webkit/previewer/mainwindow.cpp 6
|
---|
159 |
|
---|
160 | Earlier, in \c{MainWindow}'s constructor, we connected \c{webView}'s
|
---|
161 | \l{QWebView::}{loadFinished()} signal to our private \c updateTextEdit()
|
---|
162 | slot. This slot updates the contents of \c plainTextEdit with the HTML
|
---|
163 | source of the web page's main frame, obtained using \l{QWebFrame}'s
|
---|
164 | \l{QWebFrame::}{toHtml()} function.
|
---|
165 |
|
---|
166 | \snippet examples/webkit/previewer/mainwindow.cpp 7
|
---|
167 |
|
---|
168 | To provide a description about the Previewer example, when it starts up,
|
---|
169 | we use the \c setStartupText() function, as shown below:
|
---|
170 |
|
---|
171 | \snippet examples/webkit/previewer/mainwindow.cpp 8
|
---|
172 |
|
---|
173 |
|
---|
174 | \section1 The \c{main()} Function
|
---|
175 |
|
---|
176 | The \c main() function instantiates a \c MainWindow object, \c mainWindow,
|
---|
177 | and displays it with the \l{QWidget::}{show()} function.
|
---|
178 |
|
---|
179 | \snippet examples/webkit/previewer/main.cpp 0
|
---|
180 |
|
---|
181 | */
|
---|