| 1 | /**************************************************************************** | 
|---|
| 2 | ** | 
|---|
| 3 | ** Copyright (C) 2009 Nokia Corporation and/or its subsidiary(-ies). | 
|---|
| 4 | ** Contact: Qt Software Information (qt-info@nokia.com) | 
|---|
| 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 qt-sales@nokia.com. | 
|---|
| 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 | */ | 
|---|