Question

我正在使用QTextBrowser来显示包含大量图片的富文本，每个图片都使用HTML <img>标记指定，并使用QTextDocument::addResource()添加为资源。

我希望能够在上下文菜单处理程序（即鼠标点击位置可用）中识别点击结束的图像。可以判断点击是否在图像上，因为cursorForPosition(event->pos()).block().text()返回以Unicode 0xFFFC开头的字符串。不幸的是，为视图中的每个图像返回相同的字符串。

可以使用QTextDocument::allFormats()获取所有格式，确定哪些是图像格式，并获取其图像资源名称。不幸的是，似乎无法获得实际的显示位置或边界矩形。

Answer 1

来自documentation：

内联图像由对象替换字符（Unicode中的0xFFFC）表示，该字符具有关联的QTextImageFormat。图像格式指定具有setName（）的名称，用于定位图像。

您可以使用光标上的charFormat().toImageFormat().name()来提取图像的URL。以下是一个独立的示例。有两个值得注意的细节：

光标有时会指向图像前的一个字符。因此，解决方法;对于Qt 4.8.5和5.1.1来说似乎都是必要的。
弹出菜单应异步显示，以免阻止应用程序的其余部分。文档中提供的示例代码是糟糕用户体验的来源，应被视为邪恶的憎恶。所有小部件都可以在关闭时自动删除，因此菜单不会泄漏。 QPointer仅用于证明这一事实。它跟踪菜单的生命周期，并在菜单删除时自动为空。

#include <QApplication>
#include <QTextBrowser>
#include <QImage>
#include <QPainter>
#include <QMenu>
#include <QContextMenuEvent>
#include <QTextBlock>
#include <QPointer>
#include <QDebug>

class Browser : public QTextBrowser
{
    QPointer<QMenu> m_menu;
protected:
    void contextMenuEvent(QContextMenuEvent *ev) {
        Q_ASSERT(m_menu.isNull()); // make sure the menus aren't leaking
        m_menu = createStandardContextMenu();
        QTextCursor cur = cursorForPosition(ev->pos());
        QTextCharFormat fmt = cur.charFormat();
        qDebug() << "position in block" << cur.positionInBlock()
                 << "object type" << cur.charFormat().objectType();
        if (fmt.objectType() == QTextFormat::NoObject) {
            // workaround, sometimes the cursor will point one object to the left of the image
            cur.movePosition(QTextCursor::NextCharacter);
            fmt = cur.charFormat();
        }
        if (fmt.isImageFormat()) {
            QTextImageFormat ifmt = fmt.toImageFormat();
            m_menu->addAction(QString("Image URL: %1").arg(ifmt.name()));
        }
        m_menu->move(ev->globalPos());
        m_menu->setAttribute(Qt::WA_DeleteOnClose); // the menu won't leak
        m_menu->show(); // show the menu asynchronously so as not to block the application
    }
};

void addImage(QTextDocument * doc, const QString & url) {
    QImage img(100, 100, QImage::Format_ARGB32_Premultiplied);
    img.fill(Qt::white);
    QPainter p(&img);
    p.drawRect(0, 0, 99, 99);
    p.drawText(img.rect(), url);
    doc->addResource(QTextDocument::ImageResource, QUrl(url), img);
}

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    QTextDocument doc;
    Browser browser;
    doc.setHtml("<img src=\"data://image1\"/><br/><img src=\"data://image2\"/>");
    addImage(&doc, "data://image1");
    addImage(&doc, "data://image2");
    browser.show();
    browser.setDocument(&doc);
    return a.exec();
}

QTextBrowser - 如何从鼠标点击位置识别图像

1 个答案: