Contenteditable ajoute un <br> lorsque j'atteins l'espace

Question

Je ne sais pas pourquoi, mais si vous avez un élément avec contenteditable activé, la première fois que vous entrez un espace, il ajoutera un tag <br> dans l'élément. Si l'élément contient un espace par défaut (<p contenteditable="true">this is a test</p>), tout ira bien, mais dès que l'utilisateur clique sur cette barre d'espace (ou même copie + colle un caractère espace), Firefox ajoute un <br _moz_dirty="" /> au <p>.

Quelqu'un a-t-il une idée ou une solution simple? C'est la première fois que je joue avec contenteditable, donc c'est nouveau pour moi. En ce moment, je suis en train d'utiliser $('br').remove() qui semble fonctionner, mais j'adorerais une explication et une bonne façon de l'éviter si quelqu'un le sait.

Answer 1

J'utilise preventDefault lorsque l'utilisateur effectue un retour chariot. Peut-être que vous pourriez le modifier pour retourner un espace normal lorsque l'utilisateur utilise la clé espace.

 if(e.keyCode==13 && e.shiftKey){ //enter && shift 
      e.preventDefault(); //Prevent default browser behavior 
      //this.html(this.html+"<br>"); 
     } 
     if(e.keyCode==13){ //enter 
      e.preventDefault(); //Prevent default browser behavior 
     }