QtWebkit 模塊使得Qt widget能夠通過HTML的object標簽嵌入到web頁面中,並通過JavaScript代碼進行訪問,而Qt對象也能相應的訪問web頁面元素。
將Qt對象插入到web頁面中
首先繼承並實現QWebPluginFactory類 :
- class MyPlugin: public QWebPluginFactory
- {
- Q_OBJECT
- public:
- MyPlugin(QObject* parent = 0);
- // 當QtWebkit模塊解析到HTML中的object標簽時被調用
- virtual QObject* create(const QString& mimeType,
- const QUrl& url,
- const QStringList& argumentNames,
- const QStringList& argumentValues) const;
- // 返回該factory支持的plugin
- virtual QList<Plugin> plugins() const;
- };
- MyPlugin::MyPlugin(QObject* parent)
- : QWebPluginFactory(parent)
- {
- // do nothing
- }
- QObject* MyPlugin::create(const QString& mimeType,
- const QUrl& url,
- const QStringList& argumentNames,
- const QStringList& argumentValues) const
- {
- QLabel* label = new QLabel(url.toString());
- return label;
- }
- QList MyPlugin::plugins() const
- {
- QList list;
- QWebPluginFactory::Plugin entry;
- entry.name = "plugin名";
- entry.description = "描述";
- list.push_back(entry);
- return list;
- }
然后將其嵌入到HTML頁面 中:
- <html>
- <head><title>test</title></head>
- <body>
- <object type="application/zxz-plugin" data="http://blog.csdn.net/zhu_xz" width="200" height="100" id="myLabel"></object>
- </body>
- </html>
最后,在Qt代碼中加載並顯示 該頁面:
QWebView view;view.settings()->setAttribute(QWebSettings::PluginsEnabled, true);view.page()->setPluginFactory(new MyPlugin);view.load(QUrl("test.html"));view.show();
這里,當QtWebkit模塊解析該HTML文件,遇到object標簽時,會自動調用QWebPluginFactory::create()函數,並傳遞以下參數:
mimeType:application/zxz-plugin
url:http://blog.csdn.net/zhu_xz
此外,還可以通過object標簽的param子標簽傳遞參數。
在web頁面中訪問Qt對象
在web頁面中可以通過類似於下的JavaScript代碼訪問Qt對象:
<a href="javascript:document.getElementById("myLabel").setText("通過JavaScript訪問Qt對象");" mce_href="javascript:document.getElementById("myLabel").setText("通過JavaScript訪問Qt對象");">點擊訪問Qt對象</a>
在Qt對象中訪問web頁面元素
在QWebPluginFactory::create()函數中添加以下代碼:
- // myPlugin指向的對象可在HTML中用名字myPluginObject進行訪問
- webView->page()->mainFrame()->addToJavaScriptWindowObject("myPluginObject", myPlugin);
- // 當信號signalEmitted被觸發時,調用JavaScript的functionToCall函數
- webView->page()->mainFrame()->evaluateJavaScript("myPluginObject.signalEmitted.connect(functionToCall);");
http://blog.csdn.net/zhu_xz/article/details/5072596
