QTextEdit中插入图片控制大小

最新推荐文章于 2023-06-06 21:05:44 发布
最新推荐文章于 2023-06-06 21:05:44 发布
阅读量1k 收藏 2
点赞数 1
文章标签： css html javascript qt
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wsye88/article/details/124880739
版权

最近往QTextEdit中插入图片，想控制图片的大小，开始使用样式

QString strImg = "<img src='……' width='30px' height='30px'/>"；

ui.TextEdit->insertHtml(strImg);

发现图片仍然是原来的大小.

后来经过一系列调试发现不需要添加px后缀，添加了px尺寸会失效，最终通过

QString strImg = "<img src='……' width='30' height='30'/>"；

ui.TextEdit->insertHtml(strImg);

实现想要的效果。

记录一下，避免更多人踩坑！

wsye88
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
QTextEdit 设置背景图片与拉伸背景图片
将总结养成一种习惯
02-01 3047
首先，通过一个文件选择对话打开一张图片，然后把这张图片设置为编辑框背景。参考具体代码：     QString name = QFileDialog::getOpenFileName(this, tr("Open File..."),                                    QString(), tr("IMAGE-Files (*.jpg *.png *.g
Qt学习笔记——QTextEdit中图片的放大与缩小
Saqino的博客
11-12 3304
HTML格式有效 截取图片的字符串，修改height属性来达到放大缩小的效果（百度过是否有其他更方便的方式，貌似没发现。。   效果图： 两个槽： 1.5倍放大 void MainWindow::zoomInImage() { //获取文本编辑游标 QTextCursor cursor = centerWidget-&gt;textEdit-&gt;textCur...
给QTextEdit添加背景图片及注意事项
窦宁波 的专栏
04-28 6674
前一段时间遇到一个很有意思的问题，要给QTextEdit这个Qt空间加一张背景图片，我试过很多方法，用QPalette调色板，paintEvent()，结果都没有效果，后来发现有两种方式可以实现这一点，如下：（如果各位还有更好的办法，请告诉我） QTextEdit* iEdit  = new QTextEdit(); 1：使用样式表：     iEdit->setStyleSh
Qt QTextEdit的简单使用，设置字体，颜色，大小，图片，获取行数，字数，设置最大行数
qq_24127015的博客
11-14 1万+
// 列举qt支持的所有中文字体 //QFontDatabase fontDatabase; // for(auto it:fontDatabase.families(QFontDatabase::SimplifiedChinese)) // { // qDebug()<<it; //} // 列出系统支持的所有字体 // f...
qt 图片操作
jiang_dlut
10-20 4258
<br />qt显示图片变形<br /><br /> 现在我们来实现在窗口上显示图片，并学习怎样将图片进行平移，缩放，旋转和扭曲。这里我们是利用QPixmap类来实现图片显示的。<br /> 一、利用QPixmap显示图片。<br /> 1.将以前的工程文件夹进行复制备份，我们这里将工程文件夹改名为painter05。（以前已经说过，经常备份工程目录，是个很好的习惯）<br /> 2.在工程文件夹的debug文件夹中新建文件夹，我这里命名为images，用来存放要用的图片。我这里放了一张linux.
Qt--QTablewidgets 表格插入图片，且可以自动调整图片的大小
jiayou2021的博客
09-24 1976
QTablewidget 调整表格图片大小 def set_qtableWidgets(self,filName_path,head_labels,width=100,height=100): self.tableWidget.update() images_list=[] try: images_list = os.listdir(filName_path) if (len(images_list) =
py代码-PyQt5多行文本框控件QTextEdit简介
07-14
此外，QTextEdit还支持插入图片、表格、链接等复杂元素，使得在GUI应用中创建复杂的文档成为可能。 下面我们将深入探讨QTextEdit的常用功能和API： 1. **创建QTextEdit对象**： 在PyQt5中，创建QTextEdit对象很...
Qt实现记事本
07-18
用户可以选择本地图片文件并插入到文本中，通过调整图像的大小和位置，丰富文档内容。 5. **表格功能**：Qt的QTableWidget或QTableWidgetItem可以用来实现表格的创建、编辑和删除。用户可以通过表格功能来组织和...
QT开发的文本编辑器
01-21
通过扩展QTextEdit的功能，我们可以实现插入图片的功能，例如通过调用insertImage()函数，并传递图像数据或URL，用户可以方便地在编辑器中插入图片。 其次，为了实现打印功能，QT提供了QPrinter类。QPrinter允许...
Qt实战Qt项目(11)Qt实现记事本
最新发布
05-28
QTextEdit不仅能显示和编辑多行文本，还支持字体设置、段落格式化、插入图片等富文本编辑功能。 3. **菜单栏和快捷键**: 一个标准的记事本程序通常包含“文件”、“编辑”、“查看”等菜单，以及相应的快捷键。在Qt...
pyqt5实现图片显示、图片放大/缩小（通过滚轮）、图片移动（鼠标拖动）
小郁同学
07-08 1万+
Pyqt5真的太难了，这前端活太难顶了，写了三天，图片展示，就弄出来一个半成品，是我太菜了。 参考了多个网上的资料，大家看着用吧，我郁某人再也不用这玩意了，立此贴为证！！！ 以下代码实现了是鼠标拖动图片，和滚轮放大/缩小图片 # -*- coding: utf-8 -*- # Form implementation generated from reading ui file 'top-half.ui' # # Created by: PyQt5 UI code generator 5.15.4 # #
Qt仿QQ截图之QTextEdit宽高自适应
草上爬的博客
04-04 5870
之前用Qt做了个截图工具，最值得一写的就是在图片中添加文字时，如何让QTextEdit自适应文本的宽高 值得参考的是这篇博客：https://blog.csdn.net/kaida1234/article/details/80094175 但也只是做到了宽度自适应，高度并没有这里的核心函数是void QTextDocument::adjustSize()，它他可以跟随文本的变动调整大小，然后通QSizeF QTextDocument::size()可以获取准确的文本尺寸，接着根据此尺寸调整编辑框的宽高，从而
[QT_042]Qt学习之控件尺寸调整策略（QSizePolicy）
kongcheng253的博客
01-27 2万+
Qt学习之控件尺寸调整策略（QSizePolicy）
QT如何在TextEdit中添加图片并显示
qq_58136559的博客
06-06 1331
【代码】QT如何在TextEdit中添加图片并显示。
Qt:QLineEdit的使用
Healer_CC的博客
03-31 2191
QLineEdit的使用 QLineEdit设置成密码输入框、设置输入占位符、限制输入最大值最小值
Qt QTextEdit 之自适应大小
Alone_qingyi的博客
08-17 6660
QTextEdit 我们在用QTextEdit文本框时，总会遇到这样的问题，随着文字的增多，想让文本框也跟着变动，但是只让他的高度变动，而宽度不变。 其实在QTextDocument中存在一个函数 void QTextDocument::adjustSize()，他可以跟随文本字数的变动从而调整大小，但是，这会导致，宽度也会变化，基于此，我们只需重新设置高度即可。 CMyTextEdit.cpp(主要函数) CMyTextEdit继承于QTextEdit //注意该函数为槽函数 void CMyText
QTextEdit 外观属性设置
Seanyxie Blog
08-17 6776
一、给QTextEdit添加背景图片，有下面两种方法：QTextEdit* iEdit  = new QTextEdit();1：使用样式表：     iEdit->setStyleSheet("background-image:url(:/bmp/DSCN1604.JPG)");    注意：在url()括号中首先开始的 “：”冒号一定不能搞错，否则就显示不出来。2：使用html    iEdit->setHtml("");    注意：此时就不需要像上边那样用“：”冒号了，直接用相对路径就可以了。(No
qss样式表笔记大全(二)：可设置样式的窗口部件列表（上）（持续更新示例）
热门推荐
长沙创微智能科技官方博客
03-02 4万+
Qt的qss样式详解与Demo。
如何在QTextEdit中插入图片？
03-03
在QTextEdit中插入图片可以通过以下步骤实现： 1. 首先，你需要获取要插入的图片的路径。可以使用QFileDialog或者其他方式选择图片文件。 2. 创建一个QTextDocument对象，它是QTextEdit的文档模型。 3. 使用QTextCursor对象定位到你想要插入图片的位置。可以使用QTextEdit的textCursor()函数获取当前光标位置。 4. 使用QTextImageFormat对象设置图片的属性，比如大小、位置等。可以使用setPixmap()函数设置图片。 5. 使用QTextCursor的insertImage()函数将图片插入到文档中。 下面是一个示例，演示了如何在QTextEdit中插入图片： ``` from PyQt5.QtWidgets import QApplication, QTextEdit, QMainWindow, QAction, QFileDialog from PyQt5.QtGui import QTextImageFormat, QPixmap from PyQt5.QtCore import Qt class MainWindow(QMainWindow): def __init__(self): super().__init__() self.textEdit = QTextEdit() self.setCentralWidget(self.textEdit) self.initMenu() def initMenu(self): insertImageAction = QAction("插入图片", self) insertImageAction.triggered.connect(self.insertImage) self.menuBar().addAction(insertImageAction) def insertImage(self): filePath, _ = QFileDialog.getOpenFileName(self, "选择图片", "", "Images (*.png *.xpm *.jpg *.bmp)") if filePath: imageFormat = QTextImageFormat() imageFormat.setWidth(200) imageFormat.setHeight(200) imageFormat.setName(filePath) cursor = self.textEdit.textCursor() cursor.insertImage(imageFormat) if __name__ == "__main__": app = QApplication([]) window = MainWindow() window.show() app.exec_() ``` 这个示例代码创建了一个带有菜单栏的主窗口，菜单栏中有一个"插入图片"的选项。当点击该选项时，会弹出文件选择对话框，选择要插入的图片文件后，图片会被插入到当前光标位置的QTextEdit中。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值