Syntax highlighting

[kimmoal]

In the future, please use the syntax highlighting directive in markdown:

```qml
Item {
    id: woop
}
```

or

```cpp
Item {
    id: woop
}
```

[kimmoal]

To enable a editor for the code (if we demo something qmlweb supports...):

{% include editor.html id="mousehandling" name="MouseHandling.qml" code="

import QtQuick 2.0

Rectangle {
    width: 100; height: 100
    color: 'green'

    MouseArea {
        anchors.fill: parent
        onClicked: parent.color = 'red'
    }
}

" %}

The whitespace will be trimmed from front and back.

[kimmoal]

Update to the editor include: the most convenient way is to use the {% capture %} directive on the code and pass it to to the editor include:

{% capture imagecode %}
import QtQuick 2.0

Image {
    width: 130; height: 100
    source: "{{ "/assets/images/qt.png" | absolute_url }}"
}

{% endcapture %}

{% include editor.html id="image-demo" name="ImageDemo.qml" code=imagecode %}

This way you don't need to escape quotes and other characters as it is basically a raw literal