Christian Toma
Weißt du, wie man eine macht <div> editierbar mit JavaScript? Ich suche nach einer Cross-Browser-Lösung.
Etwas Ähnliches wie ein Rich-Text-Bereich, der jedoch einen bearbeitbaren Bereich verwendet <iframe>. Ich brauche etwas ähnliches für a <div>.
Ich möchte kein Ersatz-Textfeld verwenden.
Christian Toma
Ich habe herausgefunden, wie.
Sie verwenden die contentEditable-Eigenschaft des DOMElement wie folgt
<div onClick="this.contentEditable="true";">
lorem ipsum dolor lorem ipsum dolorlorem ipsum dolor
</div>
Ja, mein Freund, es funktioniert wirklich im Internet Explorer 6! Hier finden Sie weitere Informationen zu diesem Thema und den Risiken bei der Verwendung in älteren Versionen von Internet Explorer. stackoverflow.com/questions/491790/… Vielen Dank.
– Cristian Toma
27. Juli 09 um 21:46 Uhr
Warum nicht einfach das Attribut setzen contenteditable=true, ohne das onClick? Oder hat/unterstützt IE das nicht, als dies beantwortet wurde?
– Brandstifter
17. April 13 um 20:16 Uhr
Es ist eigentlich Eigentum von HTMLElement. Sehen: developer.mozilla.org/en-US/docs/Web/API/HTMLElement/…
– Michał Perłakowski
2. Januar 16 um 18:05 Uhr
Sie können dies in reinem HTML tun
<div class="editable" contenteditable="true">
Editable text...
</div>
Hoffe das hilft!
OP will dies mit JavaScript tun.
– Michał Perłakowski
2. Januar 16 um 10:43 Uhr
@Gothdo Eigentlich ist dies der Weg, JS ist nicht erforderlich. Wenn Sie die akzeptierte Antwort verwenden, müssen Sie klicken zweimal auf dem div, um es das erste Mal zu bearbeiten. Hier wird das Div als normales Div angezeigt, bis Sie darauf klicken, wo es bearbeitet werden kann.
– Déjà-vu
5. Dezember 16 um 2:07 Uhr
Satz contentEditable Eigenschaft des Elements zu "true":
element.contentEditable = "true";
Siehe auch:
How about his:
Erstellen Sie eine versteckte “textArea” und blenden Sie das div aus, wenn Sie es auswählen (klicken oder mit der Maus darüber fahren), und zeigen Sie die textArea an.
.
css-tricks.com/snippets/javascript/…
– Brandstifter
17. April 13 um 20:16 Uhr