Qt富文本处理
创始人
2024-02-07 05:48:41
0

一、富文本文档结构

文本文档由 QTextDocument 类表示,该类包含有关文档内部表示、结构的信息,并跟踪修改以提供撤消/回撤功能。

1.1、基本结构

每个文档始终包含一个根框架,并且始终包含至少一个文本块。

框架/表格总是由文档中的文本块分隔,即使文本块不包含任何信息。这确保了新元素始终可以插入现有结构之间。

1.2、富文档元素

富文本文档通常由文本块(也叫段落)QTextBlock)、框架QTextFrame)、表格QTextTable)、列表QTextList)等常见元素组成。

文档中的基本结构构建元素是 QTextBlock QTextFrameQTextBlock 本身包含富文本片段QTextFragment),但这些片段不会直接影响文档的高级结构。

可以使用 QTextObject 的子类将其他文档元素分组:

  • QTextBlockGroup:将文本块分组。
  • QTextFrame:将框架和其他元素分组。

1.2.1、文本块

文本块将具有不同字符格式的文本片段组合在一起,用于表示文档中的段落。每个块通常包含多个具有不同样式的文本片段

可以通过使用 QTextBlock::iterator 遍历块的内部结构来检查给定块中的片段:

    QTextDocument * docment = ui->textEdit->document();QTextBlock block = docment->findBlock(0);    for (QTextBlock::iterator it = block.begin(); !(it.atEnd()); ++it){QTextFragment currentFragment = it.fragment();if (currentFragment.isValid()){qDebug()<

按顺序遍历文本块:

    QTextBlock currentBlock = docment->begin();while (currentBlock.isValid()) {//...currentBlock = currentBlock.next();}

1.2.2、框架

文本框架将文本块和子框架组合在一起,创建大于段落范围的文档结构。

每个框架含至少一个文本块和大于等于零个子框架。

每个文档都有一个包含所有其他文档元素的根框架。因此,除根框架外的所有框架都具有父框架。

可使用 QTextFrame::iterator 遍历框架的子元素:

    QTextDocument * docment = ui->textEdit->document();QTextFrame * rootFrame = docment->rootFrame();for (QTextFrame::iterator it = rootFrame->begin(); !(it.atEnd()); ++it){QTextFrame *childFrame = it.currentFrame();QTextBlock childBlock = it.currentBlock();if (childFrame){//...}else if (childBlock.isValid()){//...}}

1.2.3、表格

表格是按行和列排列的单元格集合。每个单元格都是一个具有字符格式的文档元素,但它也可以包含其他元素,如框架和文本块。

QTextTable QTextFrame 的子类,因此表格在文档结构中被视为框架。

对于文档中遇到的每个框架,可以测试它是否表示一个表格,并以不同的方式处理它: 

    QTextDocument * docment = ui->textEdit->document();QTextFrame * rootFrame = docment->rootFrame();for (QTextFrame::iterator it = rootFrame->begin(); !(it.atEnd()); ++it){QTextFrame *childFrame = it.currentFrame();QTextBlock childBlock = it.currentBlock();if (childFrame){if (QTextTable *childTable = qobject_cast(childFrame)){//...}else{//...}}else if (childBlock.isValid()){//...}}

可以通过遍历行和列来检查现有表中的单元格。

    for (int row = 0; row < table->rows(); ++row) {for (int column = 0; column < table->columns(); ++column) {QTextTableCell tableCell = table->cellAt(row, column);//...}}

 1.2.4、列表

列表通常以格式化方式展示文本块序列。

列表可以嵌套和设置缩进。

可以通过列表中的索引来引用每个列表项:

    QTextDocument * docment = ui->textEdit->document();QTextBlock block = docment->findBlock(0);   if (QTextList * list = block.textList()) {for (int index = 0; index < list->count(); ++index) {QTextBlock listItem = list->item(index);//...}}

QTextList QTextBlockGroup(可管理文本块分组) 的子类,QTextList 仅为它的列表项提供管理功能,而没有把列表项作为它的子项。 

即在遍历文档时发现的任何文本块实际上都可能是列表项。可以通过以下代码确保正确识别列表项: 

    QTextDocument * docment = ui->textEdit->document();QTextFrame * rootFrame = docment->rootFrame();for (QTextFrame::iterator it = rootFrame->begin(); !(it.atEnd()); ++it){QTextBlock block = it.currentBlock();if (block.isValid()) {if (QTextList *list = block.textList()) {int index = list->itemNumber(block);//processListItem(list, index);}}}

二、QTextCursor 接口

2.1、基于光标的文本编辑

QTextCursor 提供了一个基于光标的编辑方式,允许在字符级别操纵 QTextDocument 的内容。

光标会跟踪其在父文档中的位置,并可以报告有关周围结构的信息,例如包围的文本块、框架、表格或列表。

2.1.1、分组光标操作

一系列编辑操作可以打包在一起,以便可以在一个动作中一起回放或撤消。选择包含光标的内容:

    cursor.beginEditBlock();cursor.movePosition(QTextCursor::StartOfWord);cursor.movePosition(QTextCursor::EndOfWord, QTextCursor::KeepAnchor);cursor.endEditBlock();

如果编辑操作未分组,文档将自动记录各个操作,以便以后可以撤消这些操作。

2.1.2、多个光标

可以使用多个光标同时编辑同一个文档,尽管用户在编辑小部件中只能看到一个光标。

QTextDocument 确保每个光标正确写入文本,并且不会干扰其他光标。

三、文档布局

文档的布局仅在要在设备上显示时相关。

每个文档的布局都由 QAbstractTextDocumentLayout 类的子类管理。

QTextLayout 用法示例:

#include "widget.h"
#include 
#include Widget::Widget(QWidget *parent): QWidget(parent)
{auto font = this->font();font.setPixelSize(18);setFont(font);
}Widget::~Widget()
{
}void Widget::paintEvent(QPaintEvent *event)
{auto rect = event->rect();QTextLayout textLayout("黄河之水天上来,奔流到海不复回", this->font());qreal margin = 40;qreal radius = qMin(rect.width()/2.0, rect.height()/2.0) - margin;QPainter painter(this);painter.setRenderHint(QPainter::Antialiasing);painter.fillRect(rect, Qt::white);painter.setBrush(QBrush(Qt::black));painter.setPen(QPen(Qt::black));painter.setBrush(QBrush(QColor("#a6ce39")));painter.setPen(QPen(Qt::black));painter.translate(rect.center());painter.drawEllipse(QPointF(0,0),radius,radius);painter.setPen(QPen(Qt::red,5));for(int i = 0;i < 14;++i){auto angle = 25.0 * i;auto x = cos(qDegreesToRadians(angle)) * (radius + 20);auto y = -sin(qDegreesToRadians(angle)) * (radius + 20);painter.drawPoint(x,y);}textLayout.beginLayout();auto angle{0.0f};while (true){QTextLine line = textLayout.createLine();if (!line.isValid())break;auto x = cos(qDegreesToRadians(angle)) * (radius + 20);auto y = -sin(qDegreesToRadians(angle)) * (radius + 20);line.setLineWidth(20);line.setPosition(QPointF(x,y));angle += 25;}textLayout.endLayout();textLayout.draw(&painter, QPoint(0,0));
}

四、常见富文本编辑操作

4.1、使用 QTextEdit

QTextEdit 可以通过以下方式构造并用于显示HTML:

QTextEdit *editor = new QTextEdit(parent);
editor->setHtml(aStringContainingHTMLtext);
editor->show();

默认 QTextEdit 包含一个带有根框架的文档,其中包含一个空文本块。可以获取此文档:

QTextDocument *document = editor->document();

QTextEdit 的光标也可用于编辑文档:

QTextCursor cursor = editor->textCursor();

虽然可以同时使用多个光标编辑文档,但 QTextEdit 一次只显示一个光标。因此,如果想更新编辑器以显示特定的光标或其选择,则需要在修改文档后设置编辑器的光标:

editor->setTextCursor(cursor);

4.2、选择文本

要在文档中的两个点之间选择文本,需要将光标定位在第一个点,然后设置移动模式(QTextCursor::MoveMode)和移动操作(QTextCursor::MoveOperation)移动它。

选择文本时,选择的锚点保留在原来的光标位置:

    cursor.movePosition(QTextCursor::StartOfWord);cursor.movePosition(QTextCursor::EndOfWord, QTextCursor::KeepAnchor);

4.3、查找文本

QTextDocument 提供了基于光标的搜索功能。

查找文档中所有的特定单词,并更改它们的颜色:

    auto document = ui->textEdit->document();auto searchString{"hello"};QTextCharFormat colorFormat;colorFormat.setBackground(Qt::cyan);QTextCursor newCursor(document);while (!newCursor.isNull() && !newCursor.atEnd()){newCursor = document->find(searchString, newCursor);if (!newCursor.isNull()){newCursor.movePosition(QTextCursor::NoMove,QTextCursor::KeepAnchor);newCursor.mergeCharFormat(colorFormat);}}

在每次搜索和替换操作后,不必移动光标,它总是位于搜索和被替换的词的末尾。

五、对HTML的支持

5.1、支持的标记

Qt富文本引擎支持的HTML标记:

a

锚点或链接。更多。

address

地址。更多。

b

加粗。更多。

big比常规的字体大一号的字体。更多。
blockquote

缩进段落。更多。

body文档的主体。更多。
br换行。更多。
center水平居中。更多。
cite表示它所包含的文本是对某个参考文献的引用。更多。
code表示它引用的文本是一段代码,怎么显示交给浏览器。更多。
dd不实用,略。
dfn不实用,略。
div一个块级元素,浏览器通常会在div元素前后放置一个换行符。div标签可以把文档分割为独立的、不同的部分。更多。
dl不实用,略。
dt不实用,略。
em突出显示文本。更多。
font字体,略。
h1~h61~6级的标题。h1是最大的。
head文档头部。更多。
hr显示为一条水平线。更多。
html是 HTML 文档中最外层的元素。更多。
i倾斜文本。更多。
img图片。更多。
kbd不实用,略。
meta提供了 HTML 文档的元数据。元数据不会显示在客户端,但是会被浏览器解析。更多。
li列表项,很实用。更多。
ol有序列表。更多。
ul无序列表。更多。
p

标签定义段落。会自动在标签前后创建一些空白。更多。

pre内容所见即所得。更多。
s删除线。更多。
samp不实用,略。
small小字体。更多。
span

被此元素包含的文本,可以使用独立的样式。更多。

strong粗体突出显示文本。
sub下标文本。更多。
sup上标文本。更多。
tableHTML 表格。更多。
tbody设置表格一部分的样式。更多。
td表格的单元格。更多。
tfoot页脚。更多。
th表头单元格。更多。
thead表头。更多。
title略。
tr表格中的行。更多。
u

文本下划线。

5.2、CSS属性

使用css属性示例:

    ui->textEdit->setHtml(R"(


我是h1

我是h2

)");

Qt富文本引擎支持的CSS属性:

background-color背景色。更多。
background-image背景图片。更多。
background所有背景属性。更多。
color文字颜色。更多。

font-family

字体族。更多。
font-style字体样式。更多。
font-weight字体粗细。更多。
font字体所有属性。更多。
text-decoration文本装饰,下划线、上划线、删除线等。更多。
text-indent文本块中首行文本的缩进。更多。
white-space空白的处理方式。更多。

margin-top
margin-bottom
margin-leftpixels
margin-right

元素的四个边距。更多。
padding-top
padding-bottom    
padding-left    
padding-right    
padding
元素填充边距。更多。
vertical-align垂直对齐方式。更多。
border-collapse表格的边框是被合并为一个单一的边框,还是像在标准的 HTML 中那样分开显示。更多。
border-color    
border-top-color
border-bottom-color    
border-left-color    
border-right-color
边框颜色。更多。
border-style
border-top-style
border-bottom-style
border-left-style
border-right-style
边框样式。更多。
border-width
border-top-width    
border-bottom-width
border-left-width
border-right-width
边框宽度。更多。
border    
border-left
border-right
border-top
border-bottom
所有边框属性。更多。
float

指定一个元素的浮动方式。更多。

text-transform文本大小写。更多。
font-variant

可设置将小写字母替换成缩小过的大写字母。更多1。更多2。

line-height以百分比计数的行高。更多。

5.3、Qt特定的CSS属性

可以使用以下Qt特定属性来设置文本块的样式:

  • -qt-block-indent(数值):按指定的数字空格缩进文本块。

测试发现设置为1会缩进半个制表符的空间。

  • -qt-listindent:按指定的空格数缩进列表项

  • -qt-list-number-prefix
  • -qt-list-number-suffix
  • -qt-paragraph-type
  • -qt-table-type
  • -qt-user-state

相关内容

热门资讯

关于《河南省职业教育条例(草案... 省人大常委会: 按照省人大常委会2024年度立法工作安排,依据立法程序有关规定,省人大教科文卫委员会...
欧洲央行再降息或释放政策拐点信... 消费者在德国首都柏林一家超市购物。新华社记者 任鹏飞摄 日前,欧洲央行宣布将三大关键利率分别下调25...
关于《河南省职业教育条例(草案... 主任、各位副主任、秘书长、各位委员: 2024年11月,省十四届人大常委会第十二次会议对《河南省职业...
英媒:柬埔寨请求国际法庭调解与... 【环球时报报道 记者 周扬】据路透社15日报道,柬埔寨政府当天表示,已请求海牙国际法庭解决其与泰国的...
更大力度推动楼市止跌回稳 央地... 证券时报记者 张达 日前召开的国务院常务会议对下一阶段的房地产工作进行了最新部署,要多管齐下稳定预期...
什么是政策性开发性金融工具?(... 政策性开发性金融工具,是由政策性金融机构在中国人民银行支持下设立的金融工具。投放方式为三大政策性银行...
我国制造业计量领域首个政策性文... 本报北京6月15日电 (记者王政、刘温馨)近日,工业和信息化部印发我国制造业计量领域首个政策性文件《...
特朗普:愿意接受普京担任伊以冲... 央视记者获悉,当地时间6月15日,美国总统特朗普在接受采访时表示,他愿意接受俄罗斯总统普京担任伊朗和...
晋中“以旧换新”政策兑付进度居... 本报晋中6月15日讯 (记者 郝光明)日前,记者从晋中市商务局获悉,截至5月底,晋中市消费品“以旧换...
推动现代经济制度文明跃升 吴晓求 核心提要 ●中国制造业规模在全世界的占比突破30%的历史性关口,标志着中国经济已经完成从全球...