QML Editor

A simple online editor for QML (Qt Modeling Language) files.

untitled.qml — QML Editor

import QtQuick

Rectangle {
    id: canvas
    width: 250
    height: 200
    color: "blue"

    Image {
        id: logo
        source: "pics/logo.png"
        anchors.centerIn: parent
        x: canvas.height / 5
    }
}1
import QtQuick
2

3
Rectangle {
4
    id: canvas
5
    width: 250
6
    height: 200
7
    color: "blue"
8

9
    Image {
10
        id: logo
11
        source: "pics/logo.png"
12
        anchors.centerIn: parent
13
        x: canvas.height / 5
14
    }
15
}