[JS] mon TEXTAREA est un DIV (c'est possible)
Résolu
coccoweb
Messages postés
141
Date d'inscription
Statut
Membre
Dernière intervention
-
coccoweb Messages postés 141 Date d'inscription Statut Membre Dernière intervention -
coccoweb Messages postés 141 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Je recherche un script, le but étant d'avoir un DIV qui se comporte a la fois comme un INPUT text et un DIV
Sur cette page, l'effet est lors du clic sur paragraphe le texte de celui-ci s'ouvre dans un textarea.
exemple http://www.quirksmode.org/dom/cms.html
Ce que j'aimerai c'est éliminer le textarea et le faire en direct
exemple https://ckeditor.com/
Merci d'avance
Je recherche un script, le but étant d'avoir un DIV qui se comporte a la fois comme un INPUT text et un DIV
Sur cette page, l'effet est lors du clic sur paragraphe le texte de celui-ci s'ouvre dans un textarea.
exemple http://www.quirksmode.org/dom/cms.html
Ce que j'aimerai c'est éliminer le textarea et le faire en direct
exemple https://ckeditor.com/
Merci d'avance
A voir également:
- [JS] mon TEXTAREA est un DIV (c'est possible)
- Div c++ - Télécharger - Langages
- Arrondi js - Forum Javascript
- Remplacer #div/0 par vide - Forum Excel
- Arrondir js - Forum Webmastering
- Enlever les #DIV/0! dans une colonne calcul d'un tableau croisé ✓ - Forum Excel
4 réponses
Salut
Tu fais deux div :
un contenant le paragraphe.
L'autre contenant le textarea.
Le deuxième est caché par défaut, avec du css.
Sur le premier, tu fais un onClick qui va vesr une fonction "insérer.
La fonction insérer a 3 buts :
Changer le css du premier afin de le cacher.
Changer le css du deuxième afin de l'afficher.
Modifier la veleur du deuxième en y mettant le texte du premier.
Simple, non?
Tu fais deux div :
un contenant le paragraphe.
L'autre contenant le textarea.
Le deuxième est caché par défaut, avec du css.
Sur le premier, tu fais un onClick qui va vesr une fonction "insérer.
La fonction insérer a 3 buts :
Changer le css du premier afin de le cacher.
Changer le css du deuxième afin de l'afficher.
Modifier la veleur du deuxième en y mettant le texte du premier.
Simple, non?
Salut.
Il suffit de faire ressembler ton textarea à un div (en supprimant la bordure).
Il suffit de faire ressembler ton textarea à un div (en supprimant la bordure).
C'est un peu comme un éditeur wisiwig ce que je voudrai
À quel point ça doit être « un peu comme un éditeur WYSIWYG » ?
Si c'est juste le texte qui est modifiable, nous t'avons donné la solution.
Si tu veux pouvoir mettre en gras, italique, souligné, etc ; directement en tapant ton texte, c'est un peu plus complexe. Tu peux utiliser des solutions existantes comme CKEditor, TinyMCE, jWYSIWYG, etc.
Si c'est juste le texte qui est modifiable, nous t'avons donné la solution.
Si tu veux pouvoir mettre en gras, italique, souligné, etc ; directement en tapant ton texte, c'est un peu plus complexe. Tu peux utiliser des solutions existantes comme CKEditor, TinyMCE, jWYSIWYG, etc.
