我相信QtWebKit中没有使用SpellChecker的本机功能。
有什么方法可以获取当前页面的字段（<textarea>和<input>）<tagName contenteditable=true>并突出显示特定单词（仅添加下划线可能错误的单词）？
[编辑]
我需要在Words而不是dom 元素中添加“视觉效果”（下划线），例如，如果我有这样的 html：
<textarea>Helllo world!</textarea>
只有单词“你好”会加下划线，例如：
谢谢你。
更新：
不，据我从戳戳和刺激中可以看出QtWebKit，您无法格式化 a 的内容textarea。
您可以将其替换为div外观和行为类似于 a 的 a textarea，然后在特定单词周围插入一些标签。
但据我从研究这个问题中可以看出，这是不可能的QWebElement。
你可以去问问巨魔，看看他们有没有什么建议。
这是最接近的代码。当网页出现时，右键单击页面上的不同位置。
主文件
#include <QApplication>
#include "webview.h"
int main(int argc, char *argv[])
{
QApplication a(argc, argv);
WebView w;
w.show();
return a.exec();
}
webview.h
#ifndef WEBVIEW_H
#define WEBVIEW_H
#include <QWebView>
#include <QContextMenuEvent>
class WebView : public QWebView
{
Q_OBJECT
public:
explicit WebView(QWidget *parent = 0);
~WebView();
public slots:
void contextMenuEvent(QContextMenuEvent *);
private:
};
#endif // WEBVIEW_H
webview.cpp
#include "webview.h"
#include <QWebFrame>
#include <QWebElement>
#include <QWebElementCollection>
#include <QDebug>
WebView::WebView(QWidget *parent) :
QWebView(parent)
{
this->setUrl(QUrl("http://www.w3schools.com/tags/tag_textarea.asp"));
// right click on different parts of the web page
}
WebView::~WebView(){ }
void WebView::contextMenuEvent(QContextMenuEvent * cme)
{
QPoint pos = cme->pos();
QWebHitTestResult whtr = this->page()->frameAt(pos)->hitTestContent(pos);
QWebElement we = whtr.element();
if(we.isNull())
{
qDebug() << "WebElement is null.";
}
else
{
qDebug() << we.tagName() << "OuterXML <<<<<" << we.toOuterXml() << ">>>>>";
qDebug() << we.tagName() << "InnerXML <<<<<" << we.toInnerXml() << ">>>>>";
qDebug() << we.tagName() << "PlainText <<<<<" << we.toPlainText() << ">>>>>";
// TODO: replace the lines below with a better way of extracting words from the DOM and the HTML tags
// This current method modifies tags instead of just the text inside tags.
QStringList list = we.toPlainText().split(' ');
for(int i = 0; i < list.size(); i++)
{
// TODO: Insert dictionary logic here when examining words
if(list.at(i).size() > 5)
{
list[i] = "<span class=\"sp\" style=\"border-bottom: 1px dotted red;\">" + list.at(i) + "</span>";
}
}
qDebug() << list.join(" ");
we.setInnerXml(list.join(" "));
qDebug() << "-------------------------------------------";
}
}
因此，经过一些额外的研究（在对您的问题进行一些更改之后），这是我要研究的方法：
当在页面上执行右键单击时，QWidget（您的 QWebView）会发送一个QContextMenuEvent.
http://qt-project.org/doc/qt-4.8/qcontextmenuevent.html#details
从该事件中获取位置，然后深入到您的网页以找出它的用途：
在点击位置获取网页框架...
QWebFrame * QWebPage::frameAt ( const QPoint & pos ) const
在该位置做一个命中测试内容...
QWebHitTestResult QWebFrame::hitTestContent ( const QPoint & pos ) const
从命中测试中查询元素...
QWebElement QWebHitTestResult::element () const
仔细检查内容是否可由用户编辑...
bool QWebHitTestResult::isContentEditable () const
但这就是我对这个研究项目的了解。
如果您将页面上的 web 元素重新设置样式以具有拼写错误的类的 span 标签，那么您可以查找它们，然后创建您自己的弹出菜单，或者编辑右边contextMenu的。QWebView
所以，不，页面上没有元素的上下文菜单，但你可以模拟它，如果你找到被点击的元素，然后contextMenu将QWidget.
http://qt-project.org/doc/qt-4.8/webkit-simpleselector.html
void Window::on_elementLineEdit_returnPressed()
{
QWebFrame *frame = webView->page()->mainFrame();
QWebElement document = frame->documentElement();
QWebElementCollection elements = document.findAll(elementLineEdit->text());
foreach (QWebElement element, elements)
element.setAttribute("style", "background-color: #f0f090");
}
http://qt-project.org/doc/qt-4.8/mainwindows-menus.html
void MainWindow::contextMenuEvent(QContextMenuEvent *event)
{
QMenu menu(this);
menu.addAction(cutAct);
menu.addAction(copyAct);
menu.addAction(pasteAct);
menu.exec(event->globalPos());
}
再次，我希望这会有所帮助。
至于使用 QWebKit 的真棒示例，有这个项目：
https://code.google.com/p/arora/
我在 repo 上搜索了“spell”和“spellcheck”，但没有发现任何有用的信息。
至于动态调整 html，Fancy Browser 示例显示了它是如何完成的：
http://qt-project.org/doc/qt-4.8/webkit-fancybrowser-mainwindow-cpp.html
void MainWindow::rotateImages(bool invert)
{
QString code;
if (invert)
code = "$('img').each( function () { $(this).css('-webkit-transition', '-webkit-transform 2s'); $(this).css('-webkit-transform', 'rotate(180deg)') } )";
else
code = "$('img').each( function () { $(this).css('-webkit-transition', '-webkit-transform 2s'); $(this).css('-webkit-transform', 'rotate(0deg)') } )";
view->page()->mainFrame()->evaluateJavaScript(code);
}
他们只是使用 jquery 并在加载的页面上运行额外的 javascript。
因此，您可能可以替代某个区域"$('img').each(的"$('textarea').each(文本并对其采取行动。
您还可以在页面上运行正则表达式或使用 html 解析器来查找所有<textarea>块。
希望有帮助。