AngularJS textarea newline on enter key

Question

I am developing an AngularJS application same like how we post answers and questions on stackoverflow and we get live preview of our answers or question just below the texta

Answer 1

Thats because newlines in the textarea are not HTML line breaks. You need to replace them with something like this:

$(document).ready(function() {
  var pad = $('#pad');
  var board = $('#board');

  pad.keypress(function(event) {
    board.html(pad.val().replace(/\r?\n/g, '
'));
  });
});