修改 QML TextArea 元素的 QTextDocument

Question

我正在嘗試創建以下示例的最小版本： https://doc.qt.io/qt-5/qtquickcontrols-texteditor-example.ZFC35FDC70D5FC69D769883A8E2

我使用以下方法創建了DocumentHandler class：

class DocumentHandler : public QObject {
    Q_OBJECT
    QML_ELEMENT

public:
    Q_INVOKABLE void changeFormat(QQuickTextDocument *doc) {
        QTextCursor cursor(doc->textDocument());
        cursor.select(QTextCursor::Document);
        QTextCharFormat format;
        format.setFontItalic(true);
        cursor.mergeBlockCharFormat(format);
    }
}

不幸的是，當我從以下 QML 代碼中調用此方法時

import DocumentTest 1.0
import QtQuick 2.15
import QtQuick.Controls 2.15
import QtQuick.Window 2.15

Window {
    width: 640
    height: 480
    visible: true
    title: qsTr("Document Test")

    TextArea {
        id: textArea

        focus: true
        anchors.fill: parent
        wrapMode: Text.Wrap
        selectByMouse: true
        text: "Another day in paradise"
        onReleased: {
            document.changeChar(textDocument);
        }
        textFormat: Text.RichText
    }

    DocumentHandler {
        id: document
    }
}

我在以下行發生了崩潰： https://github.com/qt/qtbase/blob/5.15.2/src/gui/text/qtextoption.h#L118

我在文檔中QQuickTextDocument::textDocument()是只讀的，並且我無法修改其內部 state 所以我想知道使用QTextCursor是否是 go 的正確方法。 這就是示例中所做的，但我很難找出與我的代碼有什么區別。

Answer 1

看着https://doc.qt.io/qt-5/qml-qtquick-textedit.html#textFormat-prop ，我會將textFormat: Text.RichText替換為textFormat: TextEdit.RichText

Answer 2

前段時間，我為 QSyntaxHighter 類編寫了一個包裝器。 這實現了超出您的要求，但是，它具有以下元素：

• 在 TextEdit 中控制文本顏色和格式
• 鏈接到 TextEdit 的 textDocument 屬性

請注意，該示例適用於TextEdit而不是TextArea 。

#include <QObject>
#include <QTextDocument>
#include <QSyntaxHighlighter>
#include <QQuickTextDocument>
class SyntaxHighlighter : public QSyntaxHighlighter
{
    Q_OBJECT
    Q_PROPERTY(QQuickTextDocument* textDocument READ textDocument WRITE setTextDocument NOTIFY textDocumentChanged)
public:
    SyntaxHighlighter(QObject* parent = nullptr);
    Q_INVOKABLE void setFormat(int start, int count, const QVariant& format);
    // ...
};

你可以像這樣使用它：

TextEdit {
    id: textEdit
}

SyntaxHighlighter {
    textDocument: textEdit.textDocument
    onHighlightBlock: {
        let rx = /[A-Za-z]/g;
        let m;
        while ( ( m = rx.exec(text) ) !== null ) {
            let keywords = [
                'import', 'function', 'bool', 'var',
                'int', 'string', 'let', 'const', 'property',
                'if', 'continue', 'for', 'break', 'while',
            ];
            if (keywords.includes(m[0])) {
                setFormat(m.index, m[0].length, keywordFormat);
                continue;
            }
        }
    }
}

TextCharFormat {
    id: keywordFormat
    foreground: "#808000"
    font.pointSize: 12
    font.bold: true; font.italic: true
}

完整源代碼請參考：

• https://github.com/stephenquan/QtSyntaxHighlighterApp