Comment faire un HTML élément modifiable multi-navigateur?

Question

Savez-vous comment faire un <div> modifiable avec JavaScript? Je cherche une solution cross-browser.

Quelque chose de semblable à une zone de texte riche, mais qui utilise un <iframe> modifiable. J'ai besoin quelque chose de similaire pour un <div>.
Je ne veux pas utiliser une zone de texte de remplacement.

Answer 1

J'ai trouvé comment.

Vous utilisez la propriété contentEditable du DOMElement, comme si

<div onClick="this.contentEditable='true';">
    lorem ipsum dolor lorem ipsum dolorlorem ipsum dolor
</div>

Answer 2

Vous pouvez le faire en HTML pur

<div class="editable" contenteditable="true">
    Editable text...
</div>

Hope this helps!

Answer 3

contentEditable propriété de l'élément à "true" :

element.contentEditable = "true";

Voir aussi:

• contenu éditable docs MDN
• soutien du navigateur sur caniuse.com

Answer 4

How about his: 

Faire un "textarea" caché, et lors de la sélection (en cliquant ou Hover) div, cacher la division et d'afficher les textArea.