[Résolu] Modifier manuellement le contenu d’une balise

Bonjour à tous
Je crois me souvenir qu’il existe un moyen de permettre à l’utilisateur de saisir ou modifier du texte à l’intérieur d’une balise (et pas seulement les balises <input> et <textarea>). Est-ce que je rêve ?

Bonjour,

Tu ne rêves pas, attribut contenteditable : https://developer.mozilla.org/fr/docs/Web/HTML/Global_attributes/contenteditable

Merci. C’est ce que je cherche depuis ce matin !

Si tu persistes dans cette voie fais-nous un retour si tu y arrives : parce qu'il parait que c'est casse gueule...

Bonjour,

(EDIT)
Mmh je cherchais D. Glazman parlant de contenteditable mais mauvaise piste avec sa conférence sur CSS et édition WYSIWYG, l'amour vache. C´est bien WYSIWYG et pas contenteditable...
Mmh c´était plutôt https://medium.com/content-uneditable/fixing-contenteditable-1a9a5073c35d et son 1er article (en lien dans l´article précédent) “ContentEditable — The Good, The Bad and The Ugly”
Modifié par Felipe (27 Feb 2024 - 15:34)

Je me suis lancé dans l'utilisation de cette propriété.
La difficulté principale que j'ai rencontrée est de savoir quand la saisie est terminée.
Si on entre les données au clavier, il suffit d'utiliser l'évènement keypress et de tester

event.key == 'Enter'

Si je fais un copier/coller, il faut taper la touche Enter après Ctrl-V pour que ça marche. En ce qui me concerne c'est suffisant.
Modifié par PapyJP (22 Mar 2024 - 19:01)