w3-card {
class: "w3-container";
h1 {
class: "w3-title";
content: "q-html editor";
}
div { id: "tab_Playground"; class: " w3-margin";
w3-container {
class: "w3-container";
content: "This is a playground for testing qhtml";
}
p { content: "Enter your qHTML Code below" }
TextArea {
id: "qhtmlEditor";
onKeyUp: "updateQHTMLFromEditor()";
content: "";
class: "w3-card w3-large w3-input";
}
br { }
hr { }
w3-large, w3-h3 {
div {
content: "Results";
}
}
w3-card {
w3-wide {
div {
id: "qhtmlPreview";
}
}
}
}