Text editieren

[Felix Riesterer]

Lieber Bernd,

Hat zwar nichts mit dem Thema zu tun, aber gespeichert wird es wie hier bereits erwähnt: https://forum.selfhtml.org/self/2019/jun/22/automatisches-speichern-verarbeiten-nach-eine-klick-auf-ein-option-feld-html/1750959#m1750959

also suchst Du nur nach einer Möglichkeit, entweder ein Textinput oder eine Textarea mit JavaScript so auszustatten, dass Dein Ajax im Hintergrund das tun kann, was es soll.

Dazu würde ich, wenn kein WYSIWYG-Editor gewünscht ist, wie folgt vorgehen:

1. das fragliche div über die textContent-Eigenschaft inhaltlich auswerten
2. vor das div eine textarea setzen
3. den Textinhalt in die textarea pasten
4. einen "übernehmen"-Button einrichten
5. einen EventListener für das click-Ereignis des Buttons einrichten
6. einen EventListener für das blur-Ereignis der Textarea einrichten
7. beide EventListener auf Deine Ajax-Funktion richten, die die textarea wieder verbirgt und den Textinhalt des div-Elementsbei erfolgreichem Speichern aktualisiert

Es stellt sich die Frage, ob Du für das bearbeitbar-Machen einen gesonderten Button haben willst. Dieser könnte ein umbenannter "übernehmen"-Button aus Schritt 4 sein.

Wo genau benötigst Du jetzt Hilfe?

Liebe Grüße

Felix Riesterer