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>