首页 > 软件开发 > 编程语言 >

如何使用Qt5中的QTextEdit编辑网页

来源:互联网 2023-03-17 00:17:56 365

Qt5中的QTextEdit控件是一个可视即可得的富文本编辑器,支持html语法,可以显示图片,列表和表格,如果显示范围不够,滚动条会自动显示的。这里我们讲讲QTextEdit在网页编辑上的用法。其他使用请查看帮助文档。如下图。0yl办公区 - 实用经验教程分享!

如何使用Qt5中的QTextEdit编辑网页?0yl办公区 - 实用经验教程分享!

工具/原料

  • Qt4.4.1
  • Qt5.9.2

方法/步骤

  • 1

    首先我们创建一个widget项目,这里不再讲了,一路下一步就可以创建了,代码基本上不用修改的。这里我给出目录结构。我们主要在main函数里面添加代码即可,记得包含QTextEdit的头文件。0yl办公区 - 实用经验教程分享!

    如何使用Qt5中的QTextEdit编辑网页?0yl办公区 - 实用经验教程分享!

  • 2

    接下来我们主要先讲讲QTextEdit的文本显示,如下图,我们如果使用setText函数,就可以直接设置文本字符串进行显示了。0yl办公区 - 实用经验教程分享!

    如何使用Qt5中的QTextEdit编辑网页?0yl办公区 - 实用经验教程分享!

    如何使用Qt5中的QTextEdit编辑网页?0yl办公区 - 实用经验教程分享!

  • 3

    上面我们好像看不出来网页显示和文本显示的区别,如果使用html标记设置字符串,我们再试试。我们可以看到,字体按照h1的标记应用大小了。0yl办公区 - 实用经验教程分享!

    如何使用Qt5中的QTextEdit编辑网页?0yl办公区 - 实用经验教程分享!

  • 4

    然后我们使用setPlainText设置文本字符串,这回就算是html文本,也不会应用html标记了,控件为纯文本显示状态。0yl办公区 - 实用经验教程分享!

    如何使用Qt5中的QTextEdit编辑网页?0yl办公区 - 实用经验教程分享!

  • 5

    接着我们如果要获取控件的内容,就要使用toText函数或者toHtml函数了,如下图,我们首先设置文本,然后获取文本并显示出来,所以有两行字符串的。0yl办公区 - 实用经验教程分享!

    如何使用Qt5中的QTextEdit编辑网页?0yl办公区 - 实用经验教程分享!

  • 6

    QTextEdit支持html标记,那么表单,表格就必然要支持的了,所以,我们试试添加表单,使用form标记填充字符串,如下图,表单显示了,但是,这里的表单并不能改变其他样式,如果你要改变样式,可以添加css代码的。0yl办公区 - 实用经验教程分享!

    如何使用Qt5中的QTextEdit编辑网页?0yl办公区 - 实用经验教程分享!

  • 7

    最后我们添加一个表格试试,如下图,我们创建了一个两行两列的表格,表格是可编辑的。注意html字符串里面的双引号要改成单引号,其他标点符号不用转义,直接使用即可。0yl办公区 - 实用经验教程分享!

    如何使用Qt5中的QTextEdit编辑网页?0yl办公区 - 实用经验教程分享!

    如何使用Qt5中的QTextEdit编辑网页?0yl办公区 - 实用经验教程分享!

  • 7相关内容未经许可获取自百度经验
  • 注意事项

    • html字符串里的双引号要改为单引号

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!0yl办公区 - 实用经验教程分享!


    标签: 编程语言

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码