Div contenteditable and hit enter on FF

Question

I have a div with contenteditable that should run paste on “enter.” Everything works fine in IE, but Firefox is driving me crazy.

this.e.keydown(function(event) {
  if(event.keyCode == 13) {
    var execute = editor.insertHTML(\'<br />\')';
    eval(execute);
    return false;
  } 
});

Firefox ignores the end of the div, and I think the beginning too. So if I press enter in the middle of the sentence, it works as it should. Trying to do the same at the end of the sentence (the very last) he fails.

Any ideas? The same problem as in the preview editor stackoverflow : -)

Press "enter" at the end> ​​crash ... press "enter" one letter earlier> newline

Answer 1

Add this function instead

this.e.keydown(function(event) {
    if (event.keyCode == 13 || event.charCode == 13) {
        var execute = editor.insertHTML(\'<br />\')';
        eval(execute);
        return false;
    } 
});

FF reads charCode instead of keyCode.

Answer 2

You can try pasting <br /><span></span>. This moves the cursor to the next line, but does not resize the container so that it is not perfect.

Answer 3

contentEditable - Firefox tag here, it can give an idea :)