Qt5实现文本编辑器(附详细代码)

目录
  • 1. 功能介绍
  • 2. 功能演示
  • 3. 代码
  • 4. 改进

1. 功能介绍

老规矩,我们直接上截图

这是主界面

文件菜单界面

编辑菜单界面

设置菜单界面

关于菜单界面

2. 功能演示

设置字体颜色

设置字体大小

点击关于菜单

点击关于Qt菜单

会自动跳转到Qt的官网

点击图片转PDF

打开文件等对话框

3. 代码

我们直接上代码

aboutwidget.h

#ifndef ABOUTWIDGET_H
#define ABOUTWIDGET_H

#include <QWidget>

namespace Ui {
class AboutWidget;
}

class AboutWidget : public QWidget
{
    Q_OBJECT

public:
    explicit AboutWidget(QWidget *parent = nullptr);
    ~AboutWidget();

private:
    Ui::AboutWidget *ui;
};

#endif // ABOUTWIDGET_H

mainwindow.h

#ifndef MAINWINDOW_H
#define MAINWINDOW_H

#include <QMainWindow>
#include <QFont>
#include <QColor>

QT_BEGIN_NAMESPACE
namespace Ui { class MainWindow; }
QT_END_NAMESPACE

class MainWindow : public QMainWindow
{
    Q_OBJECT

public:
    MainWindow(QWidget *parent = nullptr);
    ~MainWindow();

private slots:
    void on_actionexit_triggered();

    void on_actioncolor_triggered();

    void on_actionfont_triggered();

    void on_actionne_triggered();

    void on_actionopen_triggered();

    void on_actionsave_triggered();

    void on_actionasfile_triggered();

    void on_actioncut_triggered();

    void on_actioncopy_triggered();

    void on_actionundo_triggered();

    void on_actionredo_triggered();

    void on_actionpatse_triggered();

    void on_actionAbout_triggered();

    void on_actionAboutQT_triggered();

    void on_actionPDF_triggered();

private:
    Ui::MainWindow *ui;
    QFont font;
    QColor color;
    QString currentFile;
};
#endif // MAINWINDOW_H

topdf.h

#ifndef TOPDF_H
#define TOPDF_H

#include <QWidget>

namespace Ui {
class ToPdf;
}

class ToPdf : public QWidget
{
    Q_OBJECT

public:
    explicit ToPdf(QWidget *parent = nullptr);
    ~ToPdf();
    bool pictureToPDF(QString sourth,QString sDir);

private slots:
    void on_pictureBtn_clicked();

    void on_saveBtn_clicked();

    void on_startBtn_clicked();

private:
    Ui::ToPdf *ui;
};

#endif // TOPDF_H

aboutwidget.cpp

#include "aboutwidget.h"
#include "ui_aboutwidget.h"

AboutWidget::AboutWidget(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::AboutWidget)
{
    ui->setupUi(this);

    ui->Pixmap->setPixmap(QPixmap(":/dog.jpg").scaled(141,131,Qt::KeepAspectRatio));
}

AboutWidget::~AboutWidget()
{
    delete ui;
}

main.cpp

#include "mainwindow.h"

#include <QApplication>

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    MainWindow w;

    w.show();
    return a.exec();
}

mainwindow.cpp

#include "mainwindow.h"
#include "ui_mainwindow.h"
#include <QFontDialog>
#include <QColorDialog>
#include <QFile>
#include <QFileDialog>
#include <QMessageBox>
#include <QTextStream>
#include <QTextCodec>
#include <QDesktopServices>
#include "aboutwidget.h"
#include "topdf.h"
// #pragma execution_character_set("utf-8")
MainWindow::MainWindow(QWidget *parent)
    : QMainWindow(parent)
    , ui(new Ui::MainWindow)
{
    ui->setupUi(this);

    // 设置文本框为单工作区
    setCentralWidget(ui->textEdit);

    font = QFont("宋体",18,QFont::Normal,true);
    color = QColor(Qt::black);

    // 工具条,项目默认生成一个
    // 工具条上放的是菜单常用的菜单项
    // 所以工具条和菜单共用QAction,得通过代码添加
    ui->toolBar->addAction(ui->actionne);
    ui->toolBar->addAction(ui->actionopen);
    ui->toolBar->addAction(ui->actionsave);
    ui->toolBar->addAction(ui->actionPDF);
    ui->toolBar->addAction(ui->actionundo);
    ui->toolBar->addAction(ui->actionredo);
    ui->toolBar->addAction(ui->actioncopy);
    ui->toolBar->addAction(ui->actionpatse);
    ui->toolBar->addAction(ui->actioncolor);
    ui->toolBar->addAction(ui->actionfont);
    ui->toolBar->addAction(ui->actioncut);
    ui->toolBar->addSeparator();
    ui->toolBar->addAction(ui->actionexit);

}

MainWindow::~MainWindow()
{
    delete ui;
}

void MainWindow::on_actionexit_triggered()
{
    close();
}

void MainWindow::on_actioncolor_triggered()
{
    QColor c = QColorDialog::getColor(color,this,"颜色选择框");
    if(c.isValid()){
        color = c;

        // 设置文本框的文本颜色
        // 1. 从光标开始新输入的文本颜色被设置
        // 2. 鼠标选中的文本颜色设置
        ui->textEdit->setTextColor(c);
    }
}

void MainWindow::on_actionfont_triggered()
{
    bool ok; // 用户字体对话框保存是否选择了字体的结构

    // 第一个参数是判断用户是否选择了字体,第二个是字体对话框的初始值
    QFont f = QFontDialog::getFont(&ok,font,this,"选择文本框要设置的字体");

    if(ok){
        font = f;

        // 1. 从当前光标开始
        // 2. 鼠标选中的文本的字体
        ui->textEdit->setCurrentFont(f);
    }

}

void MainWindow::on_actionne_triggered()
{
    QMessageBox::warning(this,tr("Warning"),
    tr("创建新文件?"),
    QMessageBox::Yes | QMessageBox::Default,
    QMessageBox::No);

    currentFile.clear();
    ui->textEdit->setText(QString());

}

void MainWindow::on_actionopen_triggered()
{
    QString fileName = QFileDialog::getOpenFileName(this, "打开文件");
    QFile file(fileName);
    currentFile = fileName;
    if (!file.open(QIODevice::ReadOnly | QFile::Text)) {
        QMessageBox::warning(this, "警告", "无法打开文件: " + file.errorString());
        return;
     }
     setWindowTitle(fileName);
     QTextStream *in = new QTextStream(&file);
     in->setCodec("UTF-8");
     QString text = in->readAll();

     ui->textEdit->setText(text);
     delete in;
     file.close();
}

void MainWindow::on_actionsave_triggered()
{
    QString fileName;
    // 若没有文件,重新创建一个
    if (currentFile.isEmpty()) {
        fileName = QFileDialog::getSaveFileName(this, "Save");
        currentFile = fileName;
    } else {
        fileName = currentFile;
    }

    // 打开文件
    QFile file(fileName);
    if (!file.open(QIODevice::WriteOnly | QFile::Text)) {
        QMessageBox::warning(this, "警告", "无法打开文件: " + file.errorString());
        return;
    }
    setWindowTitle(fileName);
    QTextStream out(&file);

    out.setCodec("UTF-8");

    QString text = ui->textEdit->toPlainText();
    out << text;
    file.close();

}

void MainWindow::on_actionasfile_triggered()
{
    QString fileName = QFileDialog::getSaveFileName(this, "另存为");
    QFile file(fileName);

    if (!file.open(QFile::WriteOnly | QFile::Text)) {
        QMessageBox::warning(this, "警告", "无法打开文件: " + file.errorString());
        return;
    }
    currentFile = fileName;
    setWindowTitle(fileName);
    QTextStream out(&file);
    QString text = ui->textEdit->toPlainText();
    out << text;
    file.close();

}

void MainWindow::on_actioncut_triggered()
{
    ui->textEdit->cut();
}

void MainWindow::on_actioncopy_triggered()
{
    ui->textEdit->copy();
}

void MainWindow::on_actionundo_triggered()
{
    ui->textEdit->undo();
}

void MainWindow::on_actionredo_triggered()
{
    ui->textEdit->redo();
}

void MainWindow::on_actionpatse_triggered()
{
    ui->textEdit->paste();
}

void MainWindow::on_actionAbout_triggered()
{
    static AboutWidget about;
    about.show();
}

void MainWindow::on_actionAboutQT_triggered()
{
    QDesktopServices::openUrl(QUrl(QLatin1String("https://www.qt.io/zh-cn/")));
}

void MainWindow::on_actionPDF_triggered()
{
    static ToPdf pdf;
    pdf.show();
}

topdf.cpp

#include "topdf.h"
#include "ui_topdf.h"

#include <QFileDialog>
#include <QMessageBox>
#include <QPainter>
#include <QtPrintSupport/QPrinter>
ToPdf::ToPdf(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::ToPdf)
{
    ui->setupUi(this);
}

ToPdf::~ToPdf()
{
    delete ui;
}

bool ToPdf::pictureToPDF(QString sourth, QString sDir)
{

    try
    {
        QPixmap pixmap(sourth);
        //图片生成pdf
        QPrinter printerPixmap(QPrinter::HighResolution);
        printerPixmap.setPageSize(QPrinter::Custom);  //设置纸张大小为A4
        printerPixmap.setOutputFormat(QPrinter::PdfFormat);  //设置输出格式为pdf
        printerPixmap.setOutputFileName(sDir);   //设置输出路径

        double dHeight = 300;
        double dWidth = (double)pixmap.width() / (double)pixmap.height() * dHeight;
        printerPixmap.setPageSizeMM(QSize(dWidth, dHeight));
        printerPixmap.setPageMargins(0, 0, 0, 0, QPrinter::DevicePixel);

        QPainter painterPixmap;
        painterPixmap.begin(&printerPixmap);
        QRect rect = painterPixmap.viewport();
        float multiple = (double(rect.width()) / pixmap.width());
        float yMultiple = (double(rect.height()) / pixmap.height());
        float fMin = (multiple < yMultiple) ? multiple : yMultiple;
        painterPixmap.scale(fMin, fMin); //将图像(所有要画的东西)在pdf上放大multiple-1倍
        painterPixmap.drawPixmap(0, 0, pixmap.width(), pixmap.height(), pixmap);  //画图
        painterPixmap.end();

        return true;
    }
    catch (...)
    {
        return false;
    }

}

void ToPdf::on_pictureBtn_clicked()
{
    //定义文件对话框类
    QFileDialog *fileDialog = new QFileDialog(this);
    //定义文件对话框标题
    fileDialog->setWindowTitle(tr("选择图片"));

    //设置默认文件路径
    //fileDialog->setDirectory(".");

    //设置文件过滤器
    fileDialog->setNameFilter(tr("Images(*.png *.jpg *.jpeg *.bmp)"));
    //设置可以选择多个文件,默认为只能选择一个文件QFileDialog::ExistingFiles
    //fileDialog->setFileMode(QFileDialog::ExistingFiles);
    //设置视图模式
    fileDialog->setViewMode(QFileDialog::Detail);
    //打印所有选择的文件的路径

    // 获取选择的文件名
    QStringList fileNameList;

    // exec()模态对话框
    if(fileDialog->exec()){

        fileNameList = fileDialog->selectedFiles();
    }
    ui->pictureFileName->setText(fileNameList[0]);
    //emit fileName(fileNameList);
}

void ToPdf::on_saveBtn_clicked()
{
    //定义文件对话框类
    QFileDialog *fileDialog = new QFileDialog(this);
    //定义文件对话框标题
    fileDialog->setWindowTitle(tr("选择PDF"));
    fileDialog->setViewMode(QFileDialog::Detail);
    //打印所有选择的文件的路径

    //设置文件过滤器
    fileDialog->setNameFilter(tr("*.pdf"));
    // 获取选择的文件名
    QStringList fileNameList;

    // exec()模态对话框
    if(fileDialog->exec()){

        fileNameList = fileDialog->selectedFiles();
    }

    ui->saveFileName->setText(fileNameList[0]);

}

void ToPdf::on_startBtn_clicked()
{
    QString picture = ui->pictureFileName->text();
    QString pdf = ui->pictureFileName->text();

    if(pictureToPDF(picture,pdf)){
        QMessageBox::information(this,"转换成功","转换成功!!!");
    }else{
        QMessageBox::information(this,"转换失败","转换失败!");

    }
}

4. 改进

有许多改进的地方

  • 首先是图片转PDF这块,需要选中一个pdf文件,而不是选中目录
  • 然后可以写一个PDF转图片,加一些小功能,水印什么的
  • 然后可以开始兼容doc,docx文件,实现一个小小的wps
  • 然后程序里没有用到多线程,有些时候会卡顿,有些地方没有异常处理,会造成闪退

总之,如果你真想用这个软件来编辑文本,那还是很难受的,不好用,但是作为练手的项目来说,还不错

到此这篇关于Qt5实现文本编辑器(附图片转PDF与详细代码)的文章就介绍到这了,更多相关Qt5 文本编辑器内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们!

(0)

相关推荐

  • opencv+pyQt5实现图片阈值编辑器/寻色块阈值利器

    定位色块常用到hsv色彩空间下的颜色阈值,笔者曾经用openmv时,其IDE有自带一个阈值编辑器,使用起来非常方便,现在在linux上跑cv算法,需要类似的功能,因此自己写了一个阈值编辑器. 目前暂时只支持HSV色彩空间下的阈值编辑. 代码: mian.py: from threshold_ui import Ui_Widget from PyQt5.QtWidgets import QApplication from PyQt5.QtGui import QImage,QPixmap,QFon

  • Qt5实现文本编辑器(附详细代码)

    目录 1. 功能介绍 2. 功能演示 3. 代码 4. 改进 1. 功能介绍 老规矩,我们直接上截图 这是主界面 文件菜单界面 编辑菜单界面 设置菜单界面 关于菜单界面 2. 功能演示 设置字体颜色 设置字体大小 点击关于菜单 点击关于Qt菜单 会自动跳转到Qt的官网 点击图片转PDF 打开文件等对话框 3. 代码 我们直接上代码 aboutwidget.h #ifndef ABOUTWIDGET_H #define ABOUTWIDGET_H #include <QWidget> names

  • JavaScript实现星座查询功能 附详细代码

    目录 一.题目 二.代码 三.结果 四.总结 一.题目 在文本框中输入一个生日值,点击按钮,可以显示此生日的对应星座.定义一个函数,该函数用来接收一个生日值(月日组成的4位字符串,比如"0210","1225"等),并根据该生日值提示属于的星座. 二.代码 <!doctype html> <html> <head> <meta charset="utf-8"> <title>星座查询&l

  • vue-quill-editor富文本编辑器超详细入门使用步骤

    目录 首先放上效果图 1.安装 2.引入到项目中 3.在页面上写组件 4.配置option 5.给工具栏鼠标悬停加上中文释义 6.上传图片到七牛云 7.自定义控制图片大小 参考文章: 总结 首先放上效果图 1.安装 npm install vue-quill-editor -S 2.引入到项目中 有两种挂载方式: 全局挂载 和 在组件中挂载,根据自己的项目需求选择,一般用到富文本编辑都是在某一个项目中,这里只写在项目中挂载的方式 import { quillEditor } from 'vue-

  • 在 Vue 项目中引入 tinymce 富文本编辑器的完整代码

    项目中原本使用的富文本编辑器是 wangEditor,这是一个很轻量.简洁编辑器 但是公司的业务升级,想要一个功能更全面的编辑器,我找了好久,目前常见的编辑器有这些: UEditor:百度前端的开源项目,功能强大,基于 jQuery,但已经没有再维护,而且限定了后端代码,修改起来比较费劲 bootstrap-wysiwyg:微型,易用,小而美,只是 Bootstrap + jQuery... kindEditor:功能强大,代码简洁,需要配置后台,而且好久没见更新了 wangEditor:轻量.

  • Vue.js结合Ueditor富文本编辑器的实例代码

    在前端开发的项目中.难免会遇到需要在页面上集成一个富文本编辑器. 前一段时间公司Vue.js项目需要使用UEditor富文本编辑器,在百度上搜索一圈没有发现详细的说明,决定自己尝试,忙活了一天终于搞定了. 1. 总体思路 1.1 模块化 vue的很大的一个优势在于模块化,我们可以通过模块化实现页面和逻辑的复用.所以可以把Ueditor重新封装成一个.vue的模板文件.其他组件通过引入这个模板实现代码复用. 1.2 数据传输 首先父组件需要设置编辑器的长度.宽度.初始文本,这些数据可以通过prop

  • Vue+Element使用富文本编辑器的示例代码

    富文本编辑器在任何项目中都会用到,在Element中我们推荐vue-quill-editor组件,现在我就把它提供给大家,希望对大家有用.具体截图如下: 安装编辑器组件 具体方法:npm install vue-quill-editor --save 编写组件 首先我们在components文件夹里创建ue.vue组件,效果图如下: 组件 <!-- 组件代码如下 --> <template> <div> <script id="editor"

  • Javascript实现简单的富文本编辑器附演示

    复制代码 代码如下: <span style="font-size:14px;"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&

  • 基于jquery实现可定制的web在线富文本编辑器附源码下载

    今天给大家介绍一款非常棒的WEB在线富文本编辑器--UMeditor,它是由百度web前端研发部开发所见即所得富文本web编辑器UEditor演变的迷你版编辑器,具有轻量,可定制,注重用户体验等特点,允许自由使用和修改代码,适用于前台快速简单回复框或后台内容编辑器. 在线预览     源码下载 如何使用? 建立一个demo.html文件,首先在需要添加编辑器的地方加入以下代码,使用style可以设置编辑器的宽度和高度. <script type="text/plain" id=&

  • Vue2.0中集成UEditor富文本编辑器的方法

    在vue的'项目中遇到了需要使用富文本编辑器的需求,在github上看了很多vue封装的editor插件,很多对图片上传和视频上传的支持并不是很好,最终还是决定使用UEditor. 这类的文章网上有很多,我进行了摸索.手写代码.汇总.排版,形成了这篇文章. 下载对应的UEditor源码 首先,去官网上下载UEditor的源码,根据你后台语言的不同下载对应的版本(PHP.Asp..Net.Jsp). http://ueditor.baidu.com/website/download.html 下载

  • vue集成一个支持图片缩放拖拽的富文本编辑器

    需求: 根据业务要求,需要能够上传图片,且上传的图片能在移动端中占满屏幕宽度,故需要能等比缩放上传的图片,还需要能拖拽.缩放.改变图片大小.尝试多个第三方富文本编辑器,很难找到一个完美符合自己要求的编辑器.经过多次尝试,最终选择了wangEditor富文本编辑器. 最初使用的是vue2Editor富文本编辑器,vue2Editor本身是不支持图片拖拽的,但是提供了可配置图片拖拽的方法,需要借助Quill.js来实现图片拖拽.虽然满足了业务需求,但是在移动端展示的效果不是很理想. 此次编辑器主要是

随机推荐