CODEWITHSUNDEEP
jquerycontenteditable
qadenza
qadenza

Reputation: 9293

Write HTML tags for new line on cursor position

I placed cursor just after loremand press Enter

By default, pressing enter, chrome writes here its own span tags.

$("#test").keydown(function(e) {
  if (e.keyCode == 13) {
    e.preventDefault();
    var a = "<br>\n";
    /* here I need something like this:
    write - on - cursor - position(a); */

  };
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div id="test" contenteditable="true">loremIpsum</div>

Upvotes: 1

Views: 251

Answers (1)

zer00ne
zer00ne

Reputation: 43870

Remove this property e.preventDefault(); and the desired behavior will be enabled.

$("#test").keydown(function(e) {
  if (e.keyCode == 13) {
    /* e.preventDefault(); */
    var a = "<br>\n";

  };
});
#test {
  height: 100px;
  width: 75%;
  padding:10px;
  margin: 10px;
  }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div id="test" contenteditable="true">loremIpsum</div>

Upvotes: 1

Related Questions