qml 实现文本编辑器

最新推荐文章于 2025-07-07 22:23:45 发布

原创

最新推荐文章于 2025-07-07 22:23:45 发布 · 3.8k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#c++ #qml #编辑器

该博客介绍了如何在QML中实现一个文本编辑器，由于QML本身不内置文件IO功能，因此需要自定义实现这一部分。文章通过将自定义类注册到QML并利用TextEdit组件来构建编辑器。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

实现文本编辑器要文件的 IO 功能，但是 QML 并没有提供，所以需要自己写一个。

#ifndef FILEIO_H
#define FILEIO_H

#include <QObject>
#include <QTextStream>
#include <QFile>
class FileIO : public QObject
{
    Q_OBJECT
public:
    Q_PROPERTY(QString source
               READ source
               WRITE setSource
               NOTIFY sourceChanged)
    explicit FileIO(QObject *parent = 0);

    Q_INVOKABLE QString read();
    Q_INVOKABLE bool write(const QString& data);

    QString source() { return mSource; }

public slots:
    void setSource(const QString& source) { mSource = source; }

signals:
    void sourceChanged(const QString& source);
    void error(const QString& msg);

private:
    QString mSource;
};
#endif // FILEIO_H

#include "fileio.h"
#include <QFile>

FileIO::FileIO(QObject *parent) :
    QObject(parent)
{

}

QString FileIO::read()
{
    if (mSource.isEmpty()){
        emit error("source is empty");
        return QString();
    }

    QFile file(mSource);
    QString fileContent;
    if ( file.open(QIODevice::ReadOnly) ) {
        QString line;
        QTextStream t( &file );
        do {
            line = t.readLine();
            fileContent += line;
         } while (!line.isNull());

        file.close();
    } else {
        emit error("Unable to open the file");
        return QString();
    }
    return fileContent;
}

bool FileIO::write(const QString& data)
{
    if (mSource.isEmpty())
        return false;

    QFile file(mSource);
    if (!file.open(QFile::WriteOnly | QFile::Truncate))
        return false;

    QTextStream out(&file);
    out << data;

    file.close();

    return true;
}

上面的读写功能非原创。

接下来先要将上面的类注册到 qml 中