手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

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

时间:2024-10-11 21:05:22

1、首先我们创建一稍僚敉视个widget项目,这里不再讲了,一路下一步就可以创建了,代码基本上不用修改的。这里我给出目录结构。我们主要在main函数里面添加代码即可,记得包含QTextEdit的头文件。

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

2、接下来我们主要先讲讲QTextEdit的文本显示,如下图,我们如果使用setText函数,就可以直接设置文本字符串进行显示了。

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

3、上面我们好像看不出来网页显示和文本显示的区别,如果使用html标记设置字符串,我们再试试。我们可以看到,字体按照h1的标记应用大小了。

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

4、然后我们使用setPlainText设置文本字符串,这回就算是html文本,也不会应用html标记了,控件为纯文本显示状态。

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

5、接着我们如果要获取控件的内容,就要使用toText函数或者toHtml函数了,如下图,我们首先设置文本,然后获取文本并显示出来,所以有两行字符串的。

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

6、QTextEdit支持html标记,那么表单,表格就必然要支持的了,所以,我们试试添加表单,使用f泠贾高框orm标记填充字符串,如下图,表单显示了,但是,这里的表单并不能改变其他样式,如果你要改变样式,可以添加css代码的。

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

7、最后我们添加一个表格试试,如下图,我们创建了一个两行两列的表格,表格是可编辑的。注意html字符串里面的双引号要改成单引号,其他标点符号不用转义,直接使用即可。

如何使用Qt5中的QTextEdit编辑网页
如何使用Qt5中的QTextEdit编辑网页
© 手抄报圈