web-dev-qa-db-fra.com

Comment faire un cross-browser modifiable d'un élément HTML <div>?

Savez-vous comment rendre un <div> Modifiable avec JavaScript? Je recherche une solution multi-navigateur.

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

javascripthtmlcross-browsercontenteditable
59
Cristian Toma

J'ai découvert comment.

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

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

Vous pouvez le faire en HTML pur

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

J'espère que cela t'aides!

12
André Figueira

Définissez contentEditable propriété de l'élément sur "true":

element.contentEditable = "true";

Voir également:

6
Michał Perłakowski