WRITE A SIMPLE MARKDOWN EDITOR WITH GO-QML - main.qml - 4

main.qml

//assets/main.qml

...

    TextArea {
        id: rtarea
        ...
        
        onActiveFocusChange: { //Signal if you leave or enter the focus of rtarea
            if(!activeFocus) { //if you are not in the TextArea
                rtarea.textFormat = TextEdit.RichText //change the rtarea.textFormat to show the RichText, default
            } else { //if you are focused on the rtarea 
                rtarea.textFormat = TextEdit.PlainText //switch the textFormat to PlainText
                htmlText.setHTMLText(mdarea.text) //now we grab the mdarea.text and parse the markdown
                rtarea.text = htmlText.text //and set the newly parsed text to the rtarea.text
            }
        }
    }
    
...