# j-RawEditable

> j-RawEditable ist eine einfache Komponente mit einer großen versteckten Funktionalität. Es ist für zusätzliche Anpassungen vorgesehen.

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

__j-RawEditable__ ist eine einfache Komponente mit einer großen versteckten Funktionalität. Es ist für zusätzliche Anpassungen vorgesehen.


__Konfiguration__:

- `type {String}` optional, kann `email`, `phone`, `zip`, `date`, `time`, `url`, `number`, `search` sein, `lower`, `upper` oder leer (Standard)
- `formatting {Boolean}` ermöglicht die Formatierung fett, kursiv usw., Standard: `false`
- `required {Boolean}` optional, aktiviert „erforderlich“ (Standard: `false`)
- `placeholder {String}` optional, fügt der Eingabe einen `placeholder`-Text hinzu
- `maxlength {Number}` optional, legt eine maximale Zeichenlänge fest (Standard: `200`)
- `minlength {Number}` optional, legt eine Mindestlänge von Zeichen fest
- `minvalue {Number}` optional, ein Mindestwert für den Typ `number`
- `maxvalue {Number}` optional, ein Maximalwert für den Typ `number`
- `validate {String}` optional, eine Bedingung zur Validierung des Werts, kann einen Link zu `function(value)` oder `!!value.match(/[a-z]+/)` enthalten
- `format {String}` optional, Ausgabeformatierung z.B. für `date` Typ: `yyyy-MM-dd`, für `time` Typ: `HH:mm`, für `number` können Sie max. Dezimalstellen
- `disabled {Boolean}` optional, deaktiviert diese Komponente
- `autocomplete {String}` optional, muss einen Link zu einer Funktion enthalten, wird beim Ereignis `focus` ausgelöst
- `spaces {Boolean}` optional, aktiviert Leerzeichen, andernfalls werden sie entfernt (Standard: `true`)
- `autosource {String}` ein Pfad zur Funktion `search` in `autocomplete`, `function(search, render(arr))`
- `autovalue {String}` ein Eigenschaftspfad für den Wert in `autosource`, Standard: `name`
- `autoexec {String}` eine Pfadmethode `function(item, next(value_to_input))`
- `forcevalidation {Boolean}` ermöglicht die erzwungene Validierung für `phone` und `email` (Standard: `true`)
- `monospace {Boolean}` aktiviert die Schriftart `monospaced` (Standard: `false`)
- `enter {String}` ein Link zu `function(val, com)` – ausgewertet, wenn der Benutzer die Eingabetaste drückt

Verwenden Sie es mit `<ui-component name="raweditable">`. Wenn die Komponente noch nicht geladen ist, lädt jComponent sie bei der ersten Verwendung von der Adresse in `DEF.fallback` herunter (standardmäßig das CDN Componentator). Autor: Peter Širka. Quelle: Componentator-Komponenten-Repository, MIT-Lizenz.

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