# j-RawEditable

> j-RawEditable is een eenvoudige component met een grote verborgen functionaliteit.

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

__j-RawEditable__ is een eenvoudige component met een grote verborgen functionaliteit.


__Configuratie__:

- `type {String}` Optional kan het `email`, `phone`, `zip`, `date`, `time`, `url`, `number`, `search`, `lower`, `upper` of een leeg (default)
- `formatting {Boolean}` maakt het mogelijk om bold, italic, enz., standaard: `false`
- `required {Boolean}` optioneel, mogelijk "verplicht" (default: `false`)
- `placeholder {String}` optioneel, voegt een `placeholder` tekst toe aan de invoer
- `maxlength {Number}` optioneel, bepaalt een maximale lengte van de banden (default: `200`)
- `minlength {Number}` optioneel, bepaalt een minimale lengte van banden
- `minvalue {Number}` optioneel, een minimale waarde voor de `number` type
- `maxvalue {Number}` optioneel, een maximale waarde voor de `number` type
- `validate {String}` optioneel, een voorwaarde voor validatie van waarde, kan een link bevatten naar `function(value)` of `!!value.match(/[a-z]+/)`
- `format {String}` optie, output formatting enz. voor `date` Type van: `yyyy-MM-dd`Voor `time` Type van: `HH:mm`Voor `number` U kunt max. decimalen definiëren
- `disabled {Boolean}` optioneel, deze component wordt uitgeschakeld
- `autocomplete {String}` optioneel, moet een link naar een functie bevatten, wordt uitgevoerd op het evenement `focus`
- `spaces {Boolean}` optioneel, maakt ruimte anders het verwijdert ze (default: `true`)
- `autosource {String}` een weg naar `search` functie in `autocomplete`, `function(search, render(arr))`
- `autovalue {String}` een eigendomsweg voor de waarde in `autosource`, standaard: `name`
- `autoexec {String}` een pad methode `function(item, next(value_to_input))`
- `forcevalidation {Boolean}` mogelijk voor kracht validatie voor `phone` en `email` (default: `true`)
- `monospace {Boolean}` maakt `monospaced` lettertype mogelijk (default: `false`)
- `enter {String}` een link naar `function(val, com)` - geëvalueerd wanneer de gebruiker drukt

Gebruik het met `<ui-component name="raweditable">`Wanneer de component nog niet is geladen, jComponent Download het op eerste gebruik van het adres in `DEF.fallback` (De Componentator Schrijver: Peter Širka. bron: de Componentator Componenten repository, MIT licentie.

```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>
```