【C++】QtのQTextEditで実装するリッチテキストエディタの基本とカスタム操作

#include <QApplication>
#include <QTextEdit>
int main(int argc, char *argv[]) {
    QApplication app(argc, argv);
    // QTextEditのインスタンスを生成
    QTextEdit *textEdit = new QTextEdit;
    // 初期テキストを設定
    textEdit->setText("シンプルなテキストエディタのウィンドウです。");
    // ウィンドウを表示
    textEdit->show();
    return app.exec();
}

ウィンドウにテキストエディタが表示され、「シンプルなテキストエディタのウィンドウです。」という初期テキストが見えます。

#include <QApplication>
#include <QTextEdit>
#include <QTimer>
int main(int argc, char *argv[]) {
    QApplication app(argc, argv);
    QTextEdit *textEdit = new QTextEdit;
    // プレーンテキストを設定する場合はsetTextを利用
    textEdit->setText("これはプレーンテキストです。");
    // 10秒後にリッチテキストを設定する例
    QTimer::singleShot(10000, [textEdit]() {
        // HTMLタグを含むリッチテキストをsetHtmlで設定
        textEdit->setHtml("<p style='color: green; font-size: 18px;'><b>リッチテキストのサンプル</b></p>");
    });
    textEdit->show();
    return app.exec();
}

ウィンドウに最初は「これはプレーンテキストです。」と表示され、10秒後に緑色でフォントサイズ18pxの太字リッチテキストに切り替わります。

#include <QApplication>
#include <QWidget>
#include <QVBoxLayout>
#include <QTextEdit>
#include <QPushButton>
int main(int argc, char *argv[]) {
    QApplication app(argc, argv);
    QWidget window;
    QVBoxLayout *layout = new QVBoxLayout;
    // テキストエディタウィジェットの生成
    QTextEdit *textEdit = new QTextEdit;
    textEdit->setText("レイアウトに組み込まれたテキストエディタです。");
    // ボタンウィジェットの生成
    QPushButton *button = new QPushButton("ボタン");
    // レイアウトにウィジェットを追加
    layout->addWidget(textEdit);
    layout->addWidget(button);
    window.setLayout(layout);
    window.show();
    return app.exec();
}

ウィンドウに、上部にテキストエディタ、下部にボタンが縦に並んだ画面が表示されます。

#include <QApplication>
#include <QTextEdit>
int main(int argc, char *argv[]) {
    QApplication app(argc, argv);
    QTextEdit *textEdit = new QTextEdit;
    // HTML形式で書式設定を適用する
    textEdit->setHtml("<h2 style='color: purple;'>HTMLヘッダー</h2>"
                      "<p style='font-family: \"Arial\"; font-size: 14px;'>これはHTML形式で表示されたテキストです。</p>"
                      "<p style='color: red;'><i>斜体と赤色のテキストが含まれます。</i></p>");
    textEdit->show();
    return app.exec();
}

ウィンドウに、紫色の見出しとArialフォントで書かれた通常の文章、赤い斜体の文章が表示されます。

#include <QApplication>
#include <QTextEdit>
#include <QFont>
int main(int argc, char *argv[]) {
    QApplication app(argc, argv);
    QTextEdit *textEdit = new QTextEdit;
    textEdit->setText("フォントスタイルとサイズが変更されるサンプルテキスト。");
    // QFontを用いてフォントの設定
    QFont font("Times New Roman", 16);
    font.setBold(true);
    textEdit->setFont(font);
    textEdit->show();
    return app.exec();
}

ウィンドウ内に、Times New Romanの16ポイントで太字が適用されたテキストが表示されます。

#include <QApplication>
#include <QTextEdit>
int main(int argc, char *argv[]) {
    QApplication app(argc, argv);
    QTextEdit *textEdit = new QTextEdit;
    // HTMLのスタイル指定でテキストカラーおよび背景色を設定
    textEdit->setHtml("<p style='color: #ff5733; background-color: #f0f0f0; font-size: 15px;'>カラーと背景色が設定されたテキスト</p>");
    textEdit->show();
    return app.exec();
}

ウィンドウに、オレンジがかったテキストと薄いグレーの背景を持つテキストが表示されます。

#include <QApplication>
#include <QTextEdit>
#include <QFile>
#include <QTextStream>
int main(int argc, char *argv[]) {
    QApplication app(argc, argv);
    QTextEdit *textEdit = new QTextEdit;
    // sample.txtからテキストを読み込む
    QFile file("sample.txt");
    if (file.open(QIODevice::ReadOnly | QIODevice::Text)) {
        QTextStream in(&file);
        // 読み込んだテキストをエディタに反映
        textEdit->setText(in.readAll());
        file.close();
    }
    textEdit->show();
    return app.exec();
}

sample.txtに存在するテキスト内容が、ウィンドウ内のテキストエディタに表示されます。

#include <QApplication>
#include <QTextEdit>
#include <QFile>
#include <QTextStream>
int main(int argc, char *argv[]) {
    QApplication app(argc, argv);
    QTextEdit *textEdit = new QTextEdit;
    textEdit->setText("ここにテキストを入力してください。");
    // テキストが変更されるたびに保存処理を行う
    QObject::connect(textEdit, &QTextEdit::textChanged, [textEdit]() {
        QFile file("autosave.txt");
        if (file.open(QIODevice::WriteOnly | QIODevice::Text)) {
            QTextStream out(&file);
            // 現在のテキスト内容を保存
            out << textEdit->toPlainText();
            file.close();
        }
    });
    textEdit->show();
    return app.exec();
}

エディタ内でテキストを変更するたびに、「autosave.txt」に最新の内容が書き込まれます。
※autosave.txtはカレントディレクトリに作成されます

#include <QApplication>
#include <QTextEdit>
#include <QFile>
#include <QTextStream>
#include <QPushButton>
#include <QVBoxLayout>

int main(int argc, char *argv[]) {
    QApplication app(argc, argv);
    QTextEdit *textEdit = new QTextEdit;
    textEdit->setText("保存形式を選んでテキストを保存する例。");
    // ボタンでプレーンテキストとして保存する例
    QPushButton *saveButton = new QPushButton("プレーンテキスト保存");
    QObject::connect(saveButton, &QPushButton::clicked, [textEdit]() {
        QFile file("plain.txt");
        if (file.open(QIODevice::WriteOnly | QIODevice::Text)) {
            QTextStream out(&file);
            out << textEdit->toPlainText();
            file.close();
        }
    });
    // ボタンでHTML形式として保存する例
    QPushButton *htmlSaveButton = new QPushButton("HTML形式保存");
    QObject::connect(htmlSaveButton, &QPushButton::clicked, [textEdit]() {
        QFile file("richtext.html");
        if (file.open(QIODevice::WriteOnly | QIODevice::Text)) {
            QTextStream out(&file);
            out << textEdit->toHtml();
            file.close();
        }
    });
    // 簡易ウィンドウレイアウトに配置する
    QWidget window;
    QVBoxLayout *layout = new QVBoxLayout;
    layout->addWidget(textEdit);
    layout->addWidget(saveButton);
    layout->addWidget(htmlSaveButton);
    window.setLayout(layout);
    window.show();
    return app.exec();
}

ウィンドウにテキストエディタと2つのボタンが表示され、各ボタンを押すとそれぞれプレーンテキストまたはHTML形式でファイルが保存されます。

#include <QApplication>
#include <QTextEdit>
#include <QMenu>
#include <QAction>
#include <QContextMenuEvent>
#include <QTextCursor>
#include <QTextCharFormat>
#include <QFont>
class CustomTextEdit : public QTextEdit {
public:
    CustomTextEdit(QWidget *parent = nullptr) : QTextEdit(parent) {}
protected:
    // コンテキストメニューイベントのオーバーライド
    void contextMenuEvent(QContextMenuEvent *event) override {
        QMenu *menu = createStandardContextMenu(event->pos());
        // 新しいアクション「太字」をメニューに追加
        QAction *boldAction = new QAction("太字", this);
        connect(boldAction, &QAction::triggered, this, &CustomTextEdit::applyBold);
        menu->addAction(boldAction);
        menu->exec(event->globalPos());
    }
private:
    // 太字の書式を適用するメソッド
    void applyBold() {
        QTextCursor cursor = textCursor();
        QTextCharFormat format;
        format.setFontWeight(QFont::Bold);
        // 現在のカーソル位置に書式を適用
        cursor.mergeCharFormat(format);
        setTextCursor(cursor);
    }
};
int main(int argc, char *argv[]) {
    QApplication app(argc, argv);
    CustomTextEdit editor;
    editor.setWindowTitle("カスタムコンテキストメニュー付きエディタ");
    editor.setText("右クリックでカスタムメニューを表示できます。");
    editor.resize(400, 300);
    editor.show();
    return app.exec();
}

ウィンドウにエディタが表示され、右クリックすると標準メニューに加え「太字」アクションが表示されます。選択したテキストに「太字」の効果が反映されます。

#include <QApplication>
#include <QTextEdit>
#include <QKeyEvent>
#include <QDebug>
class CustomKeyTextEdit : public QTextEdit {
public:
    CustomKeyTextEdit(QWidget *parent = nullptr) : QTextEdit(parent) {}
protected:
    void keyPressEvent(QKeyEvent *event) override {
        if (event->key() == Qt::Key_Return) {
            // Enterキーが押された時のカスタム処理
            qDebug() << "Enterキーが押されました。";
        }
        // デフォルトの挙動も維持
        QTextEdit::keyPressEvent(event);
    }
};
int main(int argc, char *argv[]) {
    QApplication app(argc, argv);
    CustomKeyTextEdit editor;
    editor.setText("Enterキーを押すとコンソールにメッセージが表示されます。");
    editor.resize(400, 300);
    editor.show();
    return app.exec();
}

ウィンドウにエディタが表示され、Enterキーを押すとコンソールに「Enterキーが押されました。」と出力されます。

#include <QApplication>
#include <QTextEdit>
#include <QDebug>
int main(int argc, char *argv[]) {
    QApplication app(argc, argv);
    QTextEdit *textEdit = new QTextEdit;
    textEdit->setText("テキストが変更された時にシグナルが発生します。");
    QObject::connect(textEdit, &QTextEdit::textChanged, [textEdit]() {
        qDebug() << "テキストが変更されました:" << textEdit->toPlainText();
    });
    textEdit->show();
    return app.exec();
}

ウィンドウでテキストを編集すると、コンソールに最新のテキスト内容が出力されます。

#include <QApplication>
#include <QTextEdit>
#include <QTextCharFormat>
#include <QFont>
int main(int argc, char *argv[]) {
    QApplication app(argc, argv);
    QTextEdit *textEdit = new QTextEdit;
    textEdit->setText("カーソル位置のテキストに書式を適用する例です。");
    // 太字に変更するためのフォーマット設定
    QTextCharFormat format;
    format.setFontWeight(QFont::Bold);
    // カーソル操作で適用する処理(ここではサンプルとして自動的に全体に適用)
    QTextCursor cursor = textEdit->textCursor();
    cursor.select(QTextCursor::Document);
    cursor.mergeCharFormat(format);
    textEdit->setTextCursor(cursor);
    textEdit->show();
    return app.exec();
}

ウィンドウに表示されるテキスト全体が太字で描かれた状態になります。

#include <QApplication>
#include <QTextEdit>
int main(int argc, char *argv[]) {
    QApplication app(argc, argv);
    QTextEdit *textEdit = new QTextEdit;
    textEdit->setText("スタイルシートで装飾されたテキストエディタです。");
    // CSS記法を用いて背景色と文字色を設定
    textEdit->setStyleSheet("QTextEdit { background-color: #eaffea; color: #003300; font-size: 14px; }");
    textEdit->show();
    return app.exec();
}

ウィンドウに、淡い緑の背景と濃い緑の文字色が適用されたテキストエディタが表示されます。