设置QTextEdit文本格式

最新推荐文章于 2025-06-19 09:14:35 发布
转载 最新推荐文章于 2025-06-19 09:14:35 发布 · 1.9k 阅读 · 3 ·
CC 4.0 BY-SA版权
原文链接：https://yq.aliyun.com/articles/493210
文章标签：

#c/c++

本文介绍如何使用Qt在文本编辑器中设置选中文本的颜色、背景色及字体，同时还包括设置整个编辑区域背景色的方法。通过QColorDialog和QFontDialog实现交互式选择。 
 
  
  1. //设置选中的文本的颜色 
  2.     QColor color = QColorDialog::getColor(Qt::black, this, "Select Color", QColorDialog::DontUseNativeDialog); 
  3.     if(color.isValid()) 
  4.     { 
  5.         ui->doc->setTextColor(color); 
  6.     } 
  7. //设置选中整个编辑区域的背景色 
  8.     QColor color = QColorDialog::getColor(Qt::white, this, "Select Color", QColorDialog::DontUseNativeDialog); 
  9.     if(color.isValid()) 
  10.     { 
  11.         QString tmp("QTextEdit {background-color:"); 
  12.         tmp += color.name(); 
  13.         tmp += QString(";}"); 
  14.         ui->doc->setStyleSheet(tmp); 
  15.         ui->doc->setTextBackgroundColor(color); 
  16.     } 
  17. //设置选中的文本的背景色 
  18.     QColor color = QColorDialog::getColor(Qt::white, this, "Select Color", QColorDialog::DontUseNativeDialog); 
  19.     if(color.isValid()) 
  20.     { 
  21.         ui->doc->setTextBackgroundColor(color); 
  22.     } 
  23. //设置选中的文本的字体 
  24.     bool ok; 
  25.     QFont font = QFontDialog::getFont(&ok, this); 
  26.     if (ok) 
  27.     { 
  28.         QTextCursor cur = ui->doc->textCursor(); 
  29.         QString sltStr = cur.selectedText(); 
  30.         ui->doc->cut(); 
  31.         QTextCharFormat fmtText; 
  32.         fmtText.setFont(font); 
  33.         cur.insertText(sltStr,fmtText); 
  34.     } 

  
 
 
 
 

  

 
 
 

  

 
 
 

  

 
 
 

  

 
 
 

  

 
 
 

  

 
 
 

  

 
 
 

  

 
 
 

  

 
 
 

  本文转自 hakuyo 51CTO博客，原文链接：http://blog.51cto.com/hakuyo/1125782，如需转载请自行联系原作者
 
 
 

  

 
 


                

        




    

    
  



    



                



	

		

			

				
					
Qt 设置字体、字号等格式属性

				
			

			

				

					2301_79366106的博客
				

				

					09-19
					
					916
					
				

			

		

		

			
				
例如，你可以使用setItalic()方法将字体设置为斜体，使用setUnderline()方法将字体设置为下划线，使用setStrikeOut()方法将字体设置为删除线等。你可以根据需要设置这些属性。在上述代码中，我们创建了一个名为font的字体对象，并使用setFamily()方法设置字体的名称为"Arial"，使用setPointSize()方法设置字体的字号为12，使用setBold()方法将字体设置为粗体。在本文中，我将为你介绍如何使用Qt来设置字体、字号等格式属性，并提供相关的源代码示例。

			
		

	



                

            
              



	

		

			

				
					
QT系列教程(10) QTextEdit学习

				
			

			

				

					恋恋风辰的技术博客
				

				

					06-08
					
					1727
					
				

			

		

		

			
				
QTextEdit是文本编辑器，支持富文本功能。接下来我们创建一个Qt Application 应用，然后在ui中添加一个QTextEdit插件。运行程序后，可以在QTextEdit中输入任何文字也包括富文本。源码链接。

			
		

	



              


  
              

                


	

		

			

				
					
qtextedit固定内容_QTextEdit更改特定某些行的字体格式

				
			

			

				

					weixin_42514783的博客
				

				

					01-12
					
					1035
					
				

			

		

		

			
				
在QT的显示过程中，往往会出于某种需要来改变特定某些行的输入格式，如下图，异常的情况下我希望异常信息以红色显示，但QTextEdit作为一个整体，往往改变了一个输入整体就都变了，比如说改变了字体颜色整个QTextEdit中的颜色都会发生改变。经过查询，用html可以实现如下图的效果，但是用html又有一个新的问题，就是中文显示的问题。在同学的帮助下，终于成功实现了利用html更改特定行的输入格式并...

			
		

	





	

		

			

				
					
QT原生控件-QTextEdit的使用及样式

				
			

			

				

					Telaye的博客
				

				

					06-19
					
					636
					
				

			

		

		

			
				
本文主要介绍的是使用代码生成的情况下对控件的介绍，包括拥有的功能及能修改的样式，也会说明在qtdesiner拖拽控件生成和使用代码生成控件的区别（如果有的话，遇到了的会说），此版本不属于最终版本，以后遇到什么新奇的点会继续更新！本文基于QT官方的文档进行的编写，QT版本为qt 5.14.0，编写环境为Windows11。不得不说官方文档真是个好东西，有时候有些不会的上去一看就能有灵感解决了，可惜没有中文版本的。QTextEdit是QT开发中最常用的控件之一，能够提供多行文本的输入显示，相比较于。

			
		

	



		

			
		



	

		

			

				
					
QTextEdit-----文本内容的设置

				
			

			

				

					laner__gg的博客
				

				

					03-02
					
					2634
					
				

			

		

		

			
				
1、文本内容的设置:作为开发人员、可以使用代码设置文本框的内容。（普通文本、HTML格式）



当我们通过普通文本设置的方法，则所见即所得；当我们使用HTML格式设置，则会进行文本渲染。<h1>表示一级标题、</h1>表示结束。









设置普通文本：可以根据输入内容去判断设置为普通文本还是富文本。






from PyQt5.Qt import *

class Window(QWidget):
    def __init__(self):
        ..

			
		

	





	

		

			

				
					
PyQt使用QTextEdit实现文本编辑器功能，具有文本编辑器GUI界面

				
			

			

				

					05-13
				

			

		

		

			
				
QTextEdit是PyQt中的一个富文本编辑组件，可以处理复杂的格式化文本。以下我们将逐步介绍如何构建这些功能：  1. **新建与打开**：为了实现“新建”和“打开”功能，我们可以使用QFileDialog来让用户选择或创建新的...

			
		

	





	

		

			

				
					
QtextEdit 段 行间距设置源码

				
			

			

				

					04-15
				

			

		

		

			
				
QTextBlockFormat是一个用于定义文本块（通常是一段）格式的类，其中包含了设置行间距的选项。你可以创建一个QTextBlockFormat对象，然后修改其属性，如`setLeading`，来设定行间距。以下是一个示例：  ```cpp ...

			
		

	





	

		

			

				
					
Qt中QTextEdit控件随着文本变化控件自动拉伸

				
			

			

				

					01-31
				

			

		

		

			
				
使用开发环境：VS2017+Qt5.14.2。 可执行文件：x64文件夹中exe可直接运行看效果 ...随着编辑的文本多少，编辑框的高度自动拉伸，有对应文章说明，链接：https://mp.youkuaiyun.com/mp_blog/creation/editor/135935529

			
		

	





	

		

			

				
					
PyQt5_QTextEdit_文本光标_添加内容-设置格式

				
			

			

				

					瓜地考拉
				

				

					02-03
					
					3996
					
				

			

		

		

			
				
from PyQt5.Qt import *


class MyWindow(QWidget):
    def __init__(self):
        super().__init__()
        self.setWindowTitle('QTextEdit_文本光标')
        self.resize(500, 500)
        self.iniUI()

 ...

			
		

	





	

		

			

				
					
 如何查看并修改QTextEdit的文本格式设置？ 

				
			

			

				

					11-30
				

			

		

		

			
				
在Qt中，查看和修改QTextEdit的文本格式设置通常涉及到对它的文本模型（QTextDocument）和视图（QTextEdit）的操作。以下是基本步骤：  1. **获取文本模型**：首先，你需要从QTextEdit实例中获得QTextDocument对象，...

			
		

	





	

		

			

				
					
QTextEdit内容写入文件

				
			

			

				

					05-02
				

			

		

		

			
				
qt中QTextEdit控件中的所有文本内容，原封不动地保存到文本文件，路径写死的版本。

			
		

	





	

		

			

				
					
UOS QTextEdit设置换行和滚动条（bug自动换行时右侧个别字符被遮盖）

				
			

			

				

					qq_41104439的博客
				

				

					09-21
					
					1803
					
				

			

		

		

			
				
这个问题也好解决，设置一下滚动条的样式就可以，不过不知道为什么我在ui界面上修改样式表不起作用，最后是通过代码修改成功的。

			
		

	





	

		

			

				
					
【Qt】Qt控件 | QTextEdit

				
			

			

				

					m0_72563041的博客
				

				

					07-30
					
					2864
					
				

			

		

		

			
				
【Qt】QTextEdit

			
		

	





	

		

			

				
					
【QT学习六】QTextEdit

					
热门推荐

				
			

			

				

					从此不归路
				

				

					02-27
					
					1万+
					
				

			

		

		

			
				
QTextEdit是Qt中提供的一个用于文本编辑的控件，支持对富文本进行编辑和格式化，可以用于各种应用程序中，如文本编辑器、笔记应用、电子邮件客户端等。此外，QTextEdit还提供了一些其他的配置选项，例如设置最大字符数、设置是否允许用户输入HTML代码等。使用QTextEdit控件可以创建一个基本的文本编辑器，同时还可以与其他Qt控件一起使用，如QDockWidget（创建可停靠的文本编辑区域）和QTabWidget（创建多标签的文本编辑器）。

			
		

	





	

		

			

				
					
QTextEdit设置文本样式

				
			

			

				

					
				

				

					05-17
					
					4647
					
				

			

		

		

			
				
QTextEdit可以通过qss设置边框属性，但是由于QTextEdit本身显示的是一个HTML，所以不能像其他的控件直接使用qss对文本设置样式。

看一个我们再QtDesigner中对一个QTextEdit进行文本编辑的例子:





上图的HTML中有好几个标签都有样式，譬如<body>,<p>,<span>等，到底应该修改哪个标签的样式呢？

 1.修改文本边距和行高


<p style="margin-top:12px; margin-bott...

			
		

	





	

		

			

				
					
QTextEdit 设置上限行数，超过上限行数自动删除行

				
			

			

				

					Blasit的博客
				

				

					04-15
					
					2070
					
				

			

		

		

			
				
QTextEdit 自定义行最大数，超过最大数时，删除第一行或者前n行

			
		

	





	

		

			

				
					
QTextEdit----格式设置补充

				
			

			

				

					laner__gg的博客
				

				

					03-10
					
					2009
					
				

			

		

		

			
				
1、字体颜色：




    def 颜色设置(self):
        # 设置字体背景颜色
        self.te.setTextBackgroundColor(QColor(200, 20, 20))
        # 设置字体颜色
        self.te.textColor(QColor(10, 200, 20))

只对光标后续的文本生效，与背景无关。



2、设置当前的字符格式：







设置当前字符格式，新的会替换老的；合并当前字符格式，两者会取并集。

...

			
		

	





	

		

			

				
					
Qt6.2教程——7.QT常用控件QTextEdit

				
			

			

				

					qq_43657810的博客
				

				

					06-25
					
					2349
					
				

			

		

		

			
				
QTextEdit 是 Qt 的一个用于编辑和显示纯文本和富文本的控件。它是功能强大且高度灵活的，可以用于实现多种任务，如文本编辑，数据表示，以及HTML的显示和编辑等。QTextEdit 支持富文本功能，这意味着它可以显示各种字体，颜色和文字格式。同时，QTextEdit 也支持文本搜索，拼写检查，以及基本的文本编辑功能，如剪切，复制，粘贴，和撤销/重做等。此外，QTextEdit 还支持各种键盘快捷键，提供了用户友好的交互体验。


			
		

	





	

		

			

				
					
QTextEdit设置文本垂直居中

					
最新发布

				
			

			

				

					08-20
				

			

		

		

			
				
在使用 `QTextEdit` 控件时，若需要实现文本的**垂直居中**效果，可以通过以下方法实现：

### 方法一：使用 `QTextBlockFormat` 设置垂直居中
通过设置文本块的格式，可以控制文本在 `QTextEdit` 内部的对齐方式。具体步骤如下：

1. 获取当前文档的文本光标；
2. 创建 `QTextBlockFormat` 对象，并设置对齐方式；
3. 将格式应用到文档的默认文本块格式。

示例代码如下：

```python
from PyQt5.QtWidgets import QTextEdit, QApplication, QWidget
from PyQt5.QtGui import QTextBlockFormat, QTextCursor, QTextCharFormat

class CenteredTextEdit(QTextEdit):
    def __init__(self, parent=None):
        super().__init__(parent)
        self.setCenterAlignment()

    def setCenterAlignment(self):
        cursor = self.textCursor()
        block_format = QTextBlockFormat()
        block_format.setAlignment(Qt.AlignCenter)  # 设置文本块居中对齐
        cursor.select(QTextCursor.Document)
        cursor.mergeBlockFormat(block_format)
        self.setTextCursor(cursor)
```

### 方法二：结合 HTML/CSS 样式设置垂直居中
`QTextEdit` 支持富文本格式，可以通过设置 HTML 内容并结合 CSS 样式实现垂直居中的效果。例如：

```python
text_edit = QTextEdit()
text_edit.setHtml('<div style="display: flex; align-items: center; justify-content: center; height: 100%;">'
                   '<p>垂直居中的文本内容</p>'
                   '</div>')
```

该方法利用了 CSS 的 `flex` 布局特性，确保文本在容器内垂直和水平居中。

### 方法三：自定义控件并重绘文本
如果上述方法无法满足需求，可以通过继承 `QTextEdit` 并重写 `paintEvent` 方法，手动控制文本的绘制位置。示例如下：

```python
from PyQt5.QtWidgets import QTextEdit, QApplication, QWidget
from PyQt5.QtGui import QPainter, QTextOption
from PyQt5.QtCore import Qt

class CustomTextEdit(QTextEdit):
    def __init__(self, parent=None):
        super().__init__(parent)

    def paintEvent(self, event):
        painter = QPainter(self.viewport())
        text_option = QTextOption()
        text_option.setAlignment(Qt.AlignCenter)  # 设置文本居中对齐
        painter.drawText(self.rect(), self.toPlainText(), text_option)
```

### 方法四：设置 `QTextCharFormat` 的垂直对齐方式
可以通过 `QTextCharFormat` 设置字符格式，控制文本的垂直对齐方式。示例如下：

```python
cursor = text_edit.textCursor()
char_format = QTextCharFormat()
char_format.setVerticalAlignment(QTextCharFormat.AlignMiddle)  # 设置垂直居中
cursor.select(QTextCursor.Document)
cursor.setCharFormat(char_format)
text_edit.setTextCursor(cursor)
```

### 注意事项
- 使用 `setPlainText` 或 `setText` 方法后，原有的对齐设置可能会被重置为默认的左对齐，因此需要在这些操作之后重新应用对齐格式。
- 若 `QTextEdit` 的内容频繁更新，建议将对齐设置封装为一个函数，并在每次更新后调用该函数以保持对齐效果。

---

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

  
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值