# j-RawEditable

> j-RawEditable je jednoduchý komponent s veľkou skrytou funkcionalitou. Je zameraný na ďalšie prispôsobenie.

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

__j-RawEditable__ je jednoduchá zložka s veľkou skrytou funkčnosťou.


__Konfigurácia__:

- `type {String}` Opcionálne môže byť `email`, `phone`, `zip`, `date`, `time`, `url`, `number`, `search`, `lower`, `upper` alebo prázdne (default)
- `formatting {Boolean}` umožňuje formátovanie odvážne, italické atď., predvolené: `false`
- `required {Boolean}` voliteľné, umožňuje "povinné" (predvolené: `false`)
- `placeholder {String}` voliteľné, do vstupu pridá text `placeholder`
- `maxlength {Number}` voliteľné, nastavenie maximálnej dĺžky nádrží (predvolené: `200`)
- `minlength {Number}` voliteľné, nastavenie minimálnej dĺžky pneumatík
- `minvalue {Number}` voliteľné, minimálna hodnota pre typ `number`
- `maxvalue {Number}` voliteľné, maximálna hodnota pre typ `number`
- `validate {String}` voliteľné, podmienka pre overenie hodnoty, môže obsahovať prepojenie na `function(value)` alebo `!!value.match(/[a-z]+/)`
- `format {String}` Opcionálne, výstupné formátovanie atď. pre `date` typy : `yyyy-MM-dd`pre `time` typy : `HH:mm`pre `number` Môžete určiť max. decimals
- `disabled {Boolean}` voliteľné, deaktivuje tento komponent
- `autocomplete {String}` voliteľné, musí obsahovať odkaz na funkciu, je spustený na `focus` udalosti
- `spaces {Boolean}` voliteľné, povolí medzery, inak ich odstráni (predvolené: `true`)
- `autosource {String}` cesta k funkcii `search` v `autocomplete`, `function(search, render(arr))`
- `autovalue {String}` je vlastná cesta pre hodnotu v `autosource`, predvolená: `name`
- `autoexec {String}` - metóda trasy `function(item, next(value_to_input))`
- `forcevalidation {Boolean}` umožňuje validáciu sily pre `phone` a `email` (predvolené: `true`)
- `monospace {Boolean}` umožňuje písmo `monospaced` (predvolené: `false`)
- `enter {String}` odkaz na `function(val, com)` - vyhodnotený, keď používateľ stlačí vstup

Použite ho so `<ui-component name="raweditable">`. Keď komponent ešte nie je načítaný, jComponent ho stiahne pri prvom použití z adresy v `DEF.fallback` (predvolene CDN Componentator). Autor: Peter Širka. Zdroj: úložisko komponentov 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>
```