new CodeEditorOqt(optionsopt, contextnullable, variable, deafult_valuenullable)
Componente que renderiza un input de código
Parameters:
Name | Type | Attributes | Default | Description |
---|---|---|---|---|
options |
string |
<optional> |
{} | Json string con las propiedades React que se quieran asignar al componente { placeholder: "", theme: "monokai", mode: "html", enableBasicAutocompletion: true, enableLiveAutocompletion: true, fontSize: 14, showGutter: true, showPrintMargin: true, highlightActiveLine: true, enableSnippets: true, showLineNumbers: true, maxHeight: "200px" } Los lenguajes admitidos son: json, csharp, html y jsx Los temas admitidos: monokai, github, tomorrow, kuroir, twilight, xcode, textmate, solarized_dark, solarized_light, terminal |
context |
string |
<nullable> |
Contexto donde se encuentra la variable |
|
variable |
string | nombre de variable que va a contener el resultado, tambien para reconfigurar el componente |
||
deafult_value |
string |
<nullable> |
Valor por defecto |
- Source:
Example
<code_editor
variable="code"
context="test"
default_value="hola mundo"
options='{
"mode": "csharp",
"theme": "monokai",
"fontSize": "14",
"basicAuto": "true",
"liveAuto": "true",
"snippets": "true",
"maxHeight": "200px"
}'
></code_editor>
<div var-children="code.value" context="test"></div>