如何使用 Qml 自定义文本区域行

Question

我在qml上有简单的聊天应用程序(socket.io(客户端，我想自定义文本区域行(用于为用户消息着色(，但我没有看到Qml的任何内容。

所以，我需要这方面的帮助。此致敬意。

Answer 1

如果我理解正确，您应该在文本区域中使用 HTML：

TextArea {
    anchors.fill: parent
    textFormat: TextEdit.RichText
    text: "<p style='color:blue'>line1</p><p style='color:green'>line2</p>"
    Component.onCompleted: {
        append("<p style='color:red'>line3</p>")
    }
}