# j-RawEditable

> j-RawEditable est un composant simple avec une grande fonctionnalité cachée. il est ciblé pour une personnalisation supplémentaire.

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

__j-RawEditable__ est un composant simple avec une grande fonctionnalité cachée.


__Configuration__ :

- `type {String}` optionnel, il peut être `email`, `phone`, `zip`, `date`, `time`, `url`, `number`, `search`, `lower`, `upper` ou à l’écart (defaut)
- `formatting {Boolean}` permet le formatage audacieux, italic, etc., par défaut: `false`
- `required {Boolean}` en option, active "obligatoire" (par défaut : `false`)
- `placeholder {String}` facultatif, ajoute un texte `placeholder` dans l'entrée
- `maxlength {Number}` optionnel, fixant une longueur maximale des chars (defaut: `200`)
- `minlength {Number}` optionnel, fixant une longueur minimale des chars
- `minvalue {Number}` optionnel, une valeur minimale pour le type `number`
- `maxvalue {Number}` optionnel, une valeur maximale pour le type `number`
- `validate {String}` facultatif, condition de validation de valeur, peut contenir un lien vers `function(value)` ou `!!value.match(/[a-z]+/)`
- `format {String}` optionnel, formatage de sortie par exemple pour le type `date` : `yyyy-MM-dd`, pour le modèle `time`: `HH:mm`, pour `number`, vous pouvez définir un maximum de décimales.
- `disabled {Boolean}` facultatif, désactive ce composant
- `autocomplete {String}` optionnel, doit contenir un lien à une fonction, est déclenché sur l'événement `focus`
- `spaces {Boolean}` facultatif, active les espaces sinon il les supprime (par défaut : `true`)
- `autosource {String}` un chemin vers la fonction `search` dans `autocomplete`, `function(search, render(arr))`
- `autovalue {String}` est une voie de propriété pour la valeur en `autosource`, par défaut: `name`
- `autoexec {String}` méthode de route `function(item, next(value_to_input))`
- `forcevalidation {Boolean}` permet la validation de force pour `phone` et `email` (défaut: `true`)
- `monospace {Boolean}` permet la phonture `monospaced` (défaut : `false`)
- `enter {String}` un lien vers `function(val, com)` - évalué lorsque l'utilisateur appelle

Utilisez-le avec `<ui-component name="raweditable">`. Lorsque le composant n'est pas encore chargé, jComponent le télécharge lors de la première utilisation depuis l'adresse dans `DEF.fallback` (le CDN Componentator par défaut). Auteur : Peter Širka. Source : le référentiel de composants Componentator, licence 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>
```