CODEWITHSUNDEEP
javascriptjquerycontenteditablepaste
l2aelba
l2aelba

Reputation: 22147

One line only for contenteditable element

I try to make a element via using contenteditable to submit some title, That way I want users type/paste title only one line.

$('.title').on('keypress',function(e) {
   var code = e.keyCode || e.which;
   if(code == 13) {
      e.preventDefault();
   }
}).on('paste',function(){
   var text = $(this).text();
   $(this).html(text).focus();
});

Problem is paste event, When I paste some text, I can't use .focus() to select/point text to the last charecter.

What I did wrong ?

Upvotes: 2

Views: 2534

Answers (1)

l2aelba
l2aelba

Reputation: 22147

I have idea now...

jQuery :

$('.title').on('keypress',function(e) {
   var code = e.keyCode || e.which;
   if(code == 13) {
      e.preventDefault();
   }
}).on('paste',function(){
   $('br,p',this).replaceWith(' ');
});

CSS : (not request)

.title br {display:none;}

Upvotes: 4

Related Questions