contenteditable element mittels javascript auslesen

Fugel · 12.03.2023

Hallo Leute,

ich versuche gerade ein div mit dem atribut contenteditable mittels javascript (jquery) auszulesen. Das Auslesen klappt soweit auch, nur werden dabei neu eingegebene Absätze komplett ignoriert, gerade die sind aber wichtig für mich. Was mach ich da falsch?

Hier mein Code:


$(function() {
  // Abfangen des input-Ereignisses auf dem contenteditable-Element
  $('#orginaltext').on('input', function() {


        var textarea = $('#orginaltext'); // oder wählen Sie die Textarea mit einer ID: $('#textarea-id')
        var content = textarea.text();
        var numLines = content.split(/\r*\n/).length;
        alert(content);

  });
});

Myhar · 13.03.2023

Du holst auch nur den Text von deinem contentEditable element. Siehe dokumentation von jQuery: https://api.jquery.com/text/

Möchtest du den Inhalt inklusive tags, dann verwende .html() https://api.jquery.com/html

Eventuell reicht es für dich auch eine textarea zu verwenden wenn dir nur um die linebreaks wichtig sind?