# j-RawEditable

> j-RawEditable es un componente simple con una gran funcionalidad oculta. Está destinado a una personalización adicional.

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

__j-RawEditable__ es un componente simple con una gran funcionalidad oculta. Está destinado a una personalización adicional.


__Configuración__:

- `type {String}` opcional, puede ser `email`, `phone`, `zip`, `date`, `time`, `url`, `number`, `search`, `lower`, `upper` o vacío (predeterminado)
- `formatting {Boolean}` habilita el formato negrita, cursiva, etc., predeterminado: `false`
- `required {Boolean}` opcional, habilita "requerido" (predeterminado: `false`)
- `placeholder {String}` opcional, agrega un texto `placeholder` en la entrada
- `maxlength {Number}` opcional, establece una longitud máxima de caracteres (predeterminado: `200`)
- `minlength {Number}` opcional, establece una longitud mínima de caracteres
- `minvalue {Number}` opcional, un valor mínimo para el tipo `number`
- `maxvalue {Number}` opcional, un valor máximo para el tipo `number`
- `validate {String}` opcional, una condición para validar el valor, puede contener un enlace a `function(value)` o `!!value.match(/[a-z]+/)`
- `format {String}` opcional, formato de salida, p. para `date` tipo: `yyyy-MM-dd`, para `time` tipo: `HH:mm`, para `number` puede definir máx. decimales
- `disabled {Boolean}` opcional, desactiva este componente
- `autocomplete {String}` opcional, debe contener un enlace a una función, se activa en el evento `focus`
- `spaces {Boolean}` opcional, habilita espacios, de lo contrario los elimina (predeterminado: `true`)
- `autosource {String}` una ruta a la función `search` en `autocomplete`, `function(search, render(arr))`
- `autovalue {String}` una ruta de propiedad para el valor en `autosource`, predeterminado: `name`
- `autoexec {String}` un método de ruta `function(item, next(value_to_input))`
- `forcevalidation {Boolean}` habilita la validación forzada para `phone` y `email` (predeterminado: `true`)
- `monospace {Boolean}` habilita la fuente `monospaced` (predeterminada: `false`)
- `enter {String}` un enlace a `function(val, com)` - evaluado cuando el usuario presiona enter

Úselo con `<ui-component name="raweditable">`. 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
<b>Type something</b>: <span><ui-component name="raweditable" path="form.name" config="placeholder:Placeholder" style="position:relative;display:inline-block;min-width:80px;height:24px;line-height:20px;border:2px solid blue;padding:0 5px"></ui-component></span>

<script>
	var form = { name: 'Peter' };
</script>
```