QML How to put text cursor at the end of TextEdit element

Bình Nguyên picture Bình Nguyên · Dec 25, 2012 · Viewed 7.7k times · Source

I have a QML TextEdit element, I plan for append some text and put the cursor at the end. My method:

import QtQuick 1.1

Rectangle {
    color: "black"
    anchors.fill: parent
    focus: false

    TextEdit {
        id: txtCommands

        color: "lightGreen"
        anchors.fill: parent
        textFormat: TextEdit.RichText
        wrapMode: TextEdit.WordWrap

        font.family: "Consolas"
        font.pixelSize: 15
        focus: true

        MouseArea {
            anchors.fill: parent
            focus: false
        }

        Keys.onPressed: {
            console.log(event.text)

            switch (event.key) {
            case 16777234: // LEFT
            case 16777235: // UP
            case 16777237: // DOWN
            case 16777236: // RIGHT
                event.accepted = true
                break;

            case 16777220:  // Enter
                txtCommands.text = txtCommands.text + ">: "
                txtCommands.selectAll()
                txtCommands.cursorPosition = txtCommands.text.length
                break;
            }
        }
    }
}

but it doesn't work. How can i do that?

Answer

Oleg Shparber picture Oleg Shparber · Dec 25, 2012
  1. Set textFormat to TextEdit.PlainText because you have lots of invisible html code otherwise.
  2. The following code works for me.

    Keys.onReturnPressed: {
        event.accepted = true
        txtCommands.text = txtCommands.text + ">: "
        txtCommands.cursorPosition = txtCommands.text.length
    }