Runtime.Widget.TextEditable

Text component

<class name="App.Example">

<use name="Runtime.Widget.TextEditable" component="true" />

<template>
    <TextEditable
        name="textarea"
        value={{ this.text }}
        @event:valueChange="this.setText(event.value)"
    />
</template>

<script>
string text = "";
void setText(string text)
{
    this.text = text;
}
</script>

</class>
\n\n\n```","menu":[{"name":"about","title":"Runtime.Widget","description":"","menu_title":"","href":"widget/about","items":[]},{"name":"styles","title":"Website Styles","description":"","menu_title":"","href":"widget/styles","items":[]},{"name":"theme_dark","title":"Dark Theme","description":"","menu_title":"","href":"widget/theme_dark","items":[]},{"name":"basic","title":"Basic Widgets","description":"","menu_title":"","href":"widget/basic","items":[{"name":"button","title":"Runtime.Widget.Button","description":"","menu_title":"Button","href":"widget/basic/button","items":[]},{"name":"image","title":"Runtime.Widget.Image","description":"","menu_title":"Image","href":"widget/basic/image","items":[]},{"name":"input","title":"Runtime.Widget.Input","description":"","menu_title":"Input","href":"widget/basic/input","items":[]},{"name":"select","title":"Runtime.Widget.Select","description":"","menu_title":"Select","href":"widget/basic/select","items":[]},{"name":"textarea","title":"Runtime.Widget.TextArea","description":"","menu_title":"TextArea","href":"widget/basic/textarea","items":[]},{"name":"texteditable","title":"Runtime.Widget.TextEditable","description":"","menu_title":"TextEditable","href":"widget/basic/texteditable","items":[]},{"name":"upload_file_button","title":"Runtime.Widget.UploadFileButton","description":"","menu_title":"UploadFileButton","href":"widget/basic/upload_file_button","items":[]}]}],"menu_title":"Widgets","__class_name__":"App.Components.Pages.Documentation.PageModel"}}},"environments":{"CLOUD_ENV":"prod","DEBUG":false,"LOCALE":"en_US","TZ":"+05:00","TZ_OFFSET":18000}}; document.addEventListener("DOMContentLoaded", function(){ Runtime.rtl.mount(app_data, document.querySelector(".root_container"), function (result){ window["app"] = result.get("app"); window["app_layout"] = result.get("layout"); }); });