Wie macht man einen HTML Element editierbaren Cross-Browser?

Question

Sie wissen, wie man einen <div> editierbar mit JavaScript machen? Ich suche nach Cross-Browser-Lösung.

Etwas ähnlich einem Rich-Text-Bereich, aber das Anwendungen eine editierbare <iframe>. Ich brauche etwas ähnliches für eine <div>.
Ich will keinen Ersatz Textbox verwenden.

Answer 1

Ich fand heraus, wie.

Sie verwenden die contentEditable Eigenschaft des DOMElement, wie so

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

Answer 2

Sie können dies tun, in reinem HTML

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

Hope, das hilft!

Answer 3

contentEditable Eigenschaft des Elements zu "true" :

element.contentEditable = "true";

Siehe auch:

• Inhalt Editierbare MDN docs
• Browser-Unterstützung auf caniuse.com

Answer 4

How about his: 

Erstellen Sie eine versteckte „textarea“, und bei der Auswahl (Klick oder Hover) die div, blenden Sie die Div und das Textfeld anzeigen.