Tout ce qui précède, plus la barre d'outils de saisie. À poser sur une page où l'on doit pouvoir décrire ou corriger une observation soi-même.
<rr0-sighting-editor></rr0-sighting-editor>
<rr0-sighting-editor src="sighting.json"></rr0-sighting-editor>Son canevas est une surface d'édition : enableClickToPlay y est désactivé, un
clic sélectionne et déplace une forme au lieu de basculer la lecture. Ce que font les huit
groupes de sa barre d'outils est sur la page de l'éditeur.
| Membre | Nature | Rôle |
|---|---|---|
ufoElement | propriété (lecture) | Donne accès au canevas, à la chronologie et au travail d'apparence |
sightingchange | événement | Émis après chaque modification — le signal unique que l'enregistrement a changé |
Ce qu'il émet#
| Événement | Quand | Où l'écouter |
|---|---|---|
sightingchange | Après une modification : un champ écrit, un instrument choisi, un fuseau dérivé, une forme déplacée sur la timeline | Sur cet élément. Il n'est pas bubbling : écoutez sur le <rr0-sighting-editor> lui-même, puis relisez son sightingData |
L'intégrer#
<script type="module" src="https://ufoathome.org/lib/rr0-sighting-editor.mjs"></script>
<rr0-sighting-editor></rr0-sighting-editor>Ou, après npm install @rr0/ufoathome : import "@rr0/ufoathome/editor".
Le bundle pèse 293 Ko compressé et enregistre le tag lui-même — rien d'autre à appeler.
Le hub dit ce que cela suppose par ailleurs,
et partager une observation a l'exemple complet, à essayer et à copier.