如何检测QTextEdit内插入图片的鼠标点击事件并打开全屏大图？

QTextEdit默认没有提供图片点击的专用信号，你可以通过事件过滤器的方式实现点击检测，不需要额外子类化QTextEdit，改造成本最低：

实现步骤 #

• 步骤1：注册事件过滤器 #

  在你的窗口类构造函数中给目标QTextEdit安装事件过滤器：

  ui->textEdit_in_out->installEventFilter(this);
  

  同时在窗口类头文件的protected区域声明事件过滤函数：

  bool eventFilter(QObject *watched, QEvent *event) override;
  

• 步骤2：实现点击检测逻辑 #

  在窗口类的cpp文件中实现事件过滤方法：

  bool 你的窗口类名::eventFilter(QObject *watched, QEvent *event)
  {
      // 仅处理目标QTextEdit的鼠标左键释放事件
      if (watched == ui->textEdit_in_out && event->type() == QEvent::MouseButtonRelease)
      {
          QMouseEvent *mouseEv = static_cast<QMouseEvent*>(event);
          if (mouseEv->button() != Qt::LeftButton) {
              return QMainWindow::eventFilter(watched, event);
          }
          // 通过点击坐标获取对应位置的文本光标
          QTextCursor cursor = ui->textEdit_in_out->cursorForPosition(mouseEv->pos());
          QTextImageFormat imgFormat = cursor.charFormat().toImageFormat();
          // 判断点击位置是否为图片元素
          if (imgFormat.isValid()) {
              // 从文档资源中取出点击的图片，也可以直接用你提前存在imgFormat.name()里的原图路径加载
              QImage clickedImg = ui->textEdit_in_out->document()->resource(
                  QTextDocument::ImageResource, 
                  QUrl(imgFormat.name())
              ).value<QImage>();
              // 此处添加你自己的全屏弹窗展示图片的逻辑即可
              return true; // 消费当前点击事件，不继续向下传递
          }
      }
      // 其他事件走默认处理逻辑
      return QMainWindow::eventFilter(watched, event);
  }
  

优化建议 #

如果你插入的是缩略图，需要点击后展示原图，插入图片时可以提前把原图路径存到QTextImageFormat的name字段里，避免从文档取的是缩放后的缩略图：

QTextImageFormat imgFmt;
imgFmt.setName("你的本地原图绝对路径"); // 这里存原图路径，点击时直接取
imgFmt.setWidth(200); // 缩略图宽度
imgFmt.setHeight(150); // 缩略图高度
ui->textEdit_in_out->textCursor().insertImage(imgFmt);

内容的提问来源于stack exchange，提问作者Ник Базилевский