# j-CodeMirror

> j-CodeMirror: admite múltiples cursores (shift + cmd + flecha abajo/arriba); admite la búsqueda de texto seleccionado (cmd + d)

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: es
Content-SHA256: b923a1d6323cd9724cec6d4d3d24b47334974b321ee01e13a940274cfa4452f6
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: not-recorded

- admite múltiples cursores (`shift + cmd + arrow-down/up`)
- admite la búsqueda de texto seleccionado (`cmd + d`)
- admite barras de desplazamiento personalizadas

__Configuración__:

- Tipo `type {String}` para resaltado de sintaxis (predeterminado: `htmlmixed`)
- `required {Boolean}` habilita "requerido" (predeterminado: `false`)
- `linenumbers {Boolean}` muestra los números de línea (predeterminado: `false`)
- Icono `icon {String}` para etiqueta sin `fa-`, p. `home`, `cog`, etc.
- Altura de control `height {Number}` (predeterminado: `200` px)
- Etiqueta `label {String}` (el contenido predeterminado es HTML)
- `disabled {Boolean}` desactiva este componente
- `tabs {Boolean}` habilita sangría con pestañas (predeterminado: `false`)
- `trim {Boolean}` realiza un recorte automático y elimina las líneas de inicio/final vacías (predeterminado: `false`)
- `parent {String}` puede establecer la altura por elemento principal
- `margin {Number}` un margen para la altura
- `minheight {Number}` una altura mínima para la opción `parent` (predeterminado: `200`)

__Método__:

- `component.insert('some text')` inserta un texto en la posición actual del cursor

Úselo con `<ui-component name="codemirror">`. Cuando el componente aún no está cargado, jComponent lo descarga en el primer uso desde la dirección en `DEF.fallback` (el CDN Componentator de forma predeterminada). Autor: Peter Širka. Fuente: repositorio de componentes Componentator, licencia MIT.

```html example.html
<div style="width:500px">
	<ui-component name="codemirror" path="html" config="type:htmlmixed;required:true;height:200">HTML editor</ui-component>
</div>

<script>
	var html = '<h1>HELLO WORLD</h1>';
</script>
```