版权声明:若无来源注明,Techie亮博客文章均为原创。 转载请以链接形式标明本文标题和地址:
本文标题:Qt富文本编辑器QTextDocument     本文地址:https://www.techieliang.com/2017/12/726/
文章目录

  • 1. 介绍
  • 2. 基本使用
  •  2.1. 简单范例
  •  2.2. QTextCursor光标操作/遍历嵌套Frame/遍历所有Block

1. 介绍

对于文本编辑,qt提供了很多控件

  • QLineEdit:单行文本输入,比如用户名密码等简单的较短的或者具有单一特征的字符串内容输入。使用text、settext读写
  • QTextEdit:富文本编辑器,支持html显示,可以用sethtml/tohtml进行html文本操作或使用,也可利用setPlainText、toPlainText进行纯文本操作
  • QPlainTextEdit:纯文本编辑器,使用了近似于textedit的技术并做了纯文本编辑的优化,并具有文章段落的概念也提供了撤销等功能,但不支持html显示。
  • QTextBrowser:继承于QTextEdit,仅提供显示功能,并提供了超文本导航功能,如果不需要超文本连接只需要使用QTextEdit并设置QTextEdit::setReadOnly

上述都是显示控件,可以确定的是富文本编辑器要用QTextEdit或者QPlainTextEdit,但是肯定不能主动撰写html代码或者逐个处理显示格式实现富文本,实际上Qt提供了相关类:QTextDocument富文本文档、QTextBlock文本快、QTextFrame框架、QTextTable表格、QTextList列表、QTextCursor指针位置、QTextXXXXFormat各种数据类型样式。对于富文本的所有帮助请见官方文档:Rich Text Processing

QTextEdit和QPlainTextEdit选择:差异是QTextEdit提供了tohtml,如果想在处理完文档,直接根据文档生成html作为博客等内容,可以使用此类,没有需要后者即可

注意关系:QTextDocument>QTextFrame>QTextBlock/QTextTable/QTextList前包含后

查看两个类的api,均提供了document方法,可以返回QTextDocument指针,用于通过QTextDocument的方式操作文档内容格式,官方范例:

Application Example这个比较简单

Syntax Highlighter Example语法高亮的例子

Text Edit Example类似于word编辑器的例子

Calendar Example利用富文本编辑器的方式实现日历(不建议学这个毕竟已经有现成的日历控件,而且文档中往往也不会插入日历)

Order Form Example根据一些的参数设置生成报表,其实和上面的原理一样

2. 基本使用

首先当具有一个edit时,不需要自行创建document,可以直接用document方法可以获取当前edit的document

QTextDocument只是一个文档,其内还有根节点,需要使用QTextDocument::rootFlrame获取,设置根节点的边框粗细、颜色就类似于设置word文档边框底纹

2.1. 简单范例

  1. #include "mainwindow.h"
  2. #include "ui_mainwindow.h"
  3. #include <QTextDocument>
  4. #include <QTextFrame>
  5. #include <QTextBlock>
  6. MainWindow::MainWindow(QWidget *parent) :
  7. QMainWindow(parent),
  8. ui(new Ui::MainWindow) {
  9. ui->setupUi(this);
  10. QTextDocument* doc = ui->textEdit->document();
  11. QTextFrame *root_frame = doc->rootFrame();
  12. QTextFrameFormat root_frame_format = root_frame->frameFormat();//创建框架格式
  13. root_frame_format.setBorderBrush(Qt::darkBlue);//设置边界颜色
  14. root_frame_format.setBorder(5);//设置边界宽度
  15. root_frame->setFrameFormat(root_frame_format); //给框架使用格式
  16. QTextFrameFormat frame_format;
  17. frame_format.setBackground(Qt::darkRed);//设置背景色
  18. frame_format.setMargin(10);//设置边距
  19. frame_format.setPadding(5);//设置填充
  20. frame_format.setBorder(2);//设置边界宽度
  21. frame_format.setBorderStyle(
  22. QTextFrameFormat::BorderStyle_Solid);//设置边框样式
  23. frame_format.setPosition(QTextFrameFormat::FloatRight);//右侧
  24. frame_format.setWidth(QTextLength(
  25. QTextLength::PercentageLength, 40));//宽度设置
  26. QTextCursor cursor = ui->textEdit->textCursor();
  27. cursor.insertText("A company");
  28. cursor.insertBlock();
  29. cursor.insertText("321 City Street");
  30. cursor.insertBlock();
  31. cursor.insertFrame(frame_format);
  32. cursor.insertText("Industry Park");
  33. cursor.insertBlock();
  34. cursor.insertText("Another country");
  35. }

上述代码仅显示了四行文字,前两行在root跟框架显示,后两行在一个新建的frame中显示,并将frame置于右侧限定了宽度,更多的布局方法请参考:Order Form Example

上述并未对文本格式做设置,可以在insertText的第二个参数直接赋予一个文本格式QTextCharFormat

2.2. QTextCursor光标操作/遍历嵌套Frame/遍历所有Block

首先他有各种instert函数可以插入上面提到的各种文档中的数据类型。有时并不能一次准确的建立好整个文档,需要在中间插入,这样就需要setPosition命令,而positon的具体值可以通过上述各种数据类型的类获取到每个块或者框架或者其他类型开头的positon,也可以通过length获取到当前块的长度用于定位末尾位置。下面提供一个简单范例

  1. #include "mainwindow.h"
  2. #include "ui_mainwindow.h"
  3. #include <QTextDocument>
  4. #include <QTextFrame>
  5. #include <QTextBlock>
  6. #include <QDebug>
  7. MainWindow::MainWindow(QWidget *parent) :
  8. QMainWindow(parent),
  9. ui(new Ui::MainWindow) {
  10. ui->setupUi(this);
  11. QTextDocument* doc = ui->textEdit->document();
  12. QTextFrame *root_frame = doc->rootFrame();
  13. QTextFrameFormat root_frame_format = root_frame->frameFormat();//创建框架格式
  14. root_frame_format.setBorderBrush(Qt::darkBlue);//设置边界颜色
  15. root_frame_format.setBorder(5);//设置边界宽度
  16. root_frame->setFrameFormat(root_frame_format); //给框架使用格式
  17. QTextFrameFormat frame_format;
  18. frame_format.setBackground(Qt::darkRed);//设置背景色
  19. frame_format.setMargin(10);//设置边距
  20. frame_format.setPadding(5);//设置填充
  21. frame_format.setBorder(2);//设置边界宽度
  22. frame_format.setBorderStyle(
  23. QTextFrameFormat::BorderStyle_Solid);//设置边框样式
  24. frame_format.setPosition(QTextFrameFormat::FloatRight);//右侧
  25. frame_format.setWidth(QTextLength(
  26. QTextLength::PercentageLength, 40));//宽度设置
  27. QTextCursor cursor = ui->textEdit->textCursor();
  28. cursor.insertText("A company");
  29. cursor.insertBlock();
  30. cursor.insertText("321 City Street");
  31. cursor.insertFrame(frame_format);
  32. cursor.insertText("Industry Park");
  33. cursor.insertBlock();
  34. cursor.insertText("Another country");
  35. //遍历frame
  36. for(auto block = root_frame->begin();!block.atEnd();++block) {
  37. if(block.currentBlock().isValid()) {
  38. qDebug()<<block.currentBlock().text();
  39. }
  40. else if(block.currentFrame()) {//frame嵌套,范例只有两层所以不递归了
  41. auto child_frame = block.currentFrame();
  42. for(auto block2 = child_frame->begin();!block2.atEnd();++block2) {
  43. if(block.currentBlock().isValid()) {
  44. qDebug()<<block2.currentBlock().text();
  45. }
  46. }
  47. }
  48. }
  49. //还可以通过root_frame->childFrames()直接获取所字frame
  50. //遍历文本块
  51. QTextBlock block = doc->firstBlock();
  52. for(int i = 0; i < doc->blockCount();i++) {
  53. qDebug() << QString("block num:%1\tblock first line number:%2\tblock length:%3\ttext:")
  54. .arg(i).arg(block.firstLineNumber()).arg(block.length())
  55. << block.text();
  56. block = block.next();
  57. }
  58. QTextBlock insert_block = doc->firstBlock().next();
  59. //在第二行末尾添加
  60. cursor.setPosition(insert_block.position()+insert_block.length()-1);
  61. cursor.insertText("change cursor postion and insert");
  62. //在第三行开头添加-也就是新frame里面最开始添加
  63. //方法一,第二行末尾+1就是第三行开头
  64. cursor.setPosition(insert_block.position()+insert_block.length());
  65. //方法二,position默认返回的就是一个块开头
  66. cursor.setPosition(insert_block.next().position());
  67. //方法三,利用frame,frame是在一个锚点定位,开头在第二行末尾所以必须加一
  68. cursor.setPosition(frame_format.position()+1);
  69. cursor.insertText("change cursor postion and insert");
  70. }

前面的内容没有变化,后面先展示了如何遍历所有frame以及嵌套的frame。如果是全文检索或者整体修改也可以直接遍历全文所有block

转载请以链接形式标明本文标题和地址:Techie亮博客 » Qt富文本编辑器QTextDocument

转载于:https://www.cnblogs.com/techiel/p/8058430.html

Qt富文本编辑器QTextDocument相关推荐

  1. QT专业技能实训-富文本编辑器

    目录 1 概述 1.1 专业技能实训目的与要求 1.2 项目背景 1.2.1 项目知识背景 1.2.2 项目设计背景 2 需求分析 2.1软件需求 2.1.1设计需求 2.1.2功能需求 2.2用户需 ...

  2. QT QWebEngineView+UEditor富文本编辑器

    QT QWebEngineView+UEditor富文本编辑器 一.简述 记--简单使用QWebEngineView+UEditor富文本编辑器实现一个简单的编辑器,支持图片(支持右键粘贴,支持直接拖 ...

  3. Qt开发技术:Qt富文本(三)Qt支持的HTML子集(查询手册)以及涉及的类

    若该文为原创文章,未经允许不得转载 原博主博客地址:https://blog.csdn.net/qq21497936 原博主博客导航:https://blog.csdn.net/qq21497936/ ...

  4. Qt开发技术:Qt富文本(一)富文本介绍、文档结构

    若该文为原创文章,未经允许不得转载 原博主博客地址:https://blog.csdn.net/qq21497936 原博主博客导航:https://blog.csdn.net/qq21497936/ ...

  5. 在线富文本编辑器FckEditor配置(.Net Framework 3.5)

    进入FCKeditor文件夹,编辑 fckconfig.js 文件. 1.上传设置  .   var _FileBrowserLanguage         = 'php' ;         // ...

  6. .net下的富文本编辑器FCKeditor的配置方法(图)原创

    .net下的富文本编辑器FCKeditor的配置方法(图)原创 FCKeditor是一款开源的富文本编辑器,几乎支持所有流行的Web开发语言,版本稳定,用户多,可配置性好. 以前做Java和php的时 ...

  7. jeecg富文本编辑器增加字体(仿宋)

    jeecg富文本编辑器增加字体(仿宋) 温馨提示:jeecg 提供了 uedit 富文本的实现,如下针对的是 uedit 增加仿宋字体示例. 主要修改三个文件:plug-in\ueditor\uedi ...

  8. React +antd +wangEditor 富文本编辑器

    1. 安装 npm i wangeditor --save 2. 引入: import E from 'wangeditor'; 3. 渲染: <div id="div1"& ...

  9. html 组件化 编辑器,vue.js组件化使用百度富文本编辑器(一)

    注意: 本文采用的编辑器为:idea 1.下载百度富文本编辑器,地址:https://ueditor.baidu.com/website/download.html#ueditor 2.加入到stat ...

最新文章

  1. vue下轻松解决模拟微信视频缩略图拖拽→吸附窗口边界的功能
  2. 56岁潘石屹下定决心学Python,60多岁程序语言之父们还在敲代码,你还敢懈怠吗?...
  3. python输出print到txt-pycharm实现print输出保存到txt文件
  4. 为什么c语言要定义变量,C语言为什么要规定对所用到的变量要“先定义,后使用”...
  5. 组件的v-model Mixin extends
  6. php模拟远程提交get 、post 实例函数
  7. python css_Python-CSS整理
  8. [转载] 中国象棋软件-引擎实现(二)棋局表示
  9. mysql-关联查询
  10. Windows下PyMC安装
  11. android 不压缩保存图片格式,Android图片处理——压缩、剪裁、圆角、保存
  12. HT1621B显示驱动LCD显示驱动芯片- SSOP48
  13. 入门级Unity安装教程
  14. ApacheCN 活动汇总 2019.8.9
  15. 一看就会的ios配置证书及描述文件
  16. 向身边优秀的人学习,让自己变得优秀
  17. 在使用ambari进行安装部署过程中遇到的glibc问题
  18. [Android UI] graphics
  19. 4种常见分支模式解析及优劣对比 | 研发效能提升36计
  20. 笔记本计算机拆开视频,Designer笔记本电脑的视频电路拆解

热门文章

  1. 基金回撤越大收益越高吗?
  2. “有钱人大多不快乐”这种观点,只是普通人的心理安慰吗?
  3. 怎样看出一个初创公司的实力?
  4. 虽然“互联网电商”导致大量的“线下实体行业”受到冲击,但是“体验行业”永远不会被“互联网电商”影响
  5. 刚有个做电商的朋友在说,他们想在网上造出品牌销量很容易
  6. 乐视赚钱的时候,贾跃亭特别喜欢找明星入股
  7. 搜狗开源srpc:自研高性能通用RPC框架
  8. 哪一类人用苹果手机最多?
  9. Qt4_使用项视图的简便类
  10. html生成小窗口,用JS制作9种弹出小窗口(HTML)