QTextBrowser按照段落来显示html的文字

最新推荐文章于 2024-12-23 16:26:11 发布

程序员-Queen

最新推荐文章于 2024-12-23 16:26:11 发布

阅读量785

点赞数 9

文章标签： html 前端

本文链接：https://blog.youkuaiyun.com/kuixiang_yin/article/details/144294101

版权

在 PyQt5 中，QTextBrowser 是一个用来显示富文本（如 HTML）内容的小部件。要让 QTextBrowser 按照段落来显示 HTML 内容，可以确保 HTML 中的每个段落被正确地封装在  标签中或其他合适的 HTML 标签中。

基本思路

HTML 格式：确保每个段落在 HTML 中用  标签包裹，或者使用其他适合的 HTML 标签。
设置 QTextBrowser：使用 QTextBrowser 来显示这些 HTML 内容。

示例代码

import sys
from PyQt5.QtWidgets import QApplication, QWidget, QVBoxLayout, QTextBrowser, QPushButton

class ExampleWindow(QWidget):
    def __init__(self):
        super().__init__()
        self.initUI()

    def initUI(self):
        # 设置窗口
        self.setWindowTitle('QTextBrowser 段落显示')
        self.setGeometry(100, 100, 600, 400)

        # 布局
        layout = QVBoxLayout()

        # 创建 QTextBrowser
        self.text_browser = QTextBrowser(self)
        layout.addWidget(self.text_browser)

        # 按钮来加载 HTML 内容
        self.button = QPushButton("加载 HTML 内容", self)
        self.button.clicked.connect(self.load_html_content)
        layout.addWidget(self.button)

        # 设置布局
        self.setLayout(layout)

    def load_html_content(self):
        # HTML 内容，包含多个段落
        html_content = """
        <html>
        <head><title>HTML 示例</title></head>
        <body>
            <p>这是第一段文字。</p>
            <p>这是第二段文字。</p>
            <p>这是第三段文字。</p>
        </body>
        </html>
        """
        
        # 设置 QTextBrowser 显示 HTML 内容
        self.text_browser.setHtml(html_content)

# 主程序
if __name__ == '__main__':
    app = QApplication(sys.argv)
    window = ExampleWindow()
    window.show()
    sys.exit(app.exec_())

代码说明

HTML 内容：html_content 变量包含了一个简单的 HTML 结构，其中每个段落被  标签包裹，确保每段文本独立显示。
QTextBrowser 设置：使用 self.text_browser.setHtml(html_content) 将 HTML 内容加载到 QTextBrowser 中，并显示。