QML 实现代码高亮编辑器

QML 实现代码高亮编辑器可以通过使用 TextEdit 组件和 TextHighlighter 组件来实现。下面是一个简单的示例代码：

import QtQuick 2.15
import QtQuick.Controls 2.15
import QtQuick.Extras 1.4
import QtQuick.Dialogs 1.3

ApplicationWindow {
    visible: true
    width: 800
    height: 600
    title: "Code Editor"

    TextEdit {
        id: editor
        anchors.fill: parent

        // 设置字体样式
        font.family: "Courier New"
        font.pixelSize: 14

        // 设置高亮样式
        highlighter: TextHighlighter {
            // 设置关键字的样式
            textStyle: Text {
                color: "blue"
                font.bold: true
            }

            // 定义关键字列表
            keywordPatterns: [
                "\\bint\\b", "\\bfloat\\b", "\\bstring\\b",
                "\\bif\\b", "\\belse\\b", "\\bfor\\b",
                "\\bwhile\\b", "\\bdo\\b", "\\breturn\\b"
            ]
        }
    }
}

在上面的示例中，我们创建了一个带有文本编辑器功能的窗口，并使用 TextEdit 组件作为文本框。通过设置 font 属性，我们可以定义文本编辑器的字体样式。然后，我们创建了一个 TextHighlighter 组件并将其赋值给 TextEdit 的 highlighter 属性。在 TextHighlighter 中，我们使用 textStyle 属性定义了关键字的样式，包括颜色和是否加粗。同时，我们使用 keywordPatterns 属性定义了关键字列表，用于匹配和高亮显示文本中的关键字。

你可以根据需要自定义关键字列表和样式，以实现更复杂的代码高亮效果。希望这个示例对你有帮助！如果有任何问题，请随时向我提问。