How to add line breaks to an HTML textarea

by

The problem comes from the fact that line breaks (\n\r?) are not the same as HTML <br/> tags:

var text = document.forms[0].txt.value;
text = text.replace(/\r?\n/g, '<br />');

Since many of the comments and my own experience have shown me that this <br> solution is not working as expected, here is an example of how to append a new line to a textarea using ‘\r\n’:

function log(text) {
    var txtArea;

    txtArea = document.getElementById("txtDebug");
    txtArea.value += text + '\r\n';
}

More Related Contents:

  1. Creating a textarea with auto-resize
  2. Rendering HTML inside textarea
  3. How to autosize a textarea using Prototype?
  4. How to get selected text from a textbox control with JavaScript
  5. How to impose maxlength on textArea in HTML using JavaScript
  6. Chrome counts characters wrong in textarea with maxlength attribute
  7. How do you get the cursor position in a textarea?
  8. How do I create a new line in Javascript?
  9. Use tab to indent in textarea
  10. textarea character limit
  11. How to get number of rows in using JavaScript?
  12. Limit number of lines in textarea and Display line count using jQuery
  13. How FileReader.readAsText in HTML5 File API works?
  14. Count textarea characters
  15. What is the best way to emulate an HTML input “maxlength” attribute on an HTML textarea?
  16. How to read line by line of a text area HTML tag
  17. Finding number of lines in an html textarea
  18. CSS Textarea that expands as you type text [duplicate]
  19. Get value from text area [duplicate]
  20. Find caret position in textarea in pixels [duplicate]
  21. iOS JavaScript bridge
  22. How to find a parent with a known class in jQuery?
  23. JavaScript: Extract video frames reliably
  24. SecurityError: The operation is insecure – window.history.pushState()
  25. How to prevent submitting the HTML form’s input field value if it empty
  26. How to append timestamp to the javascript file in tag url to avoid caching
  27. how to move a div with arrow keys
  28. Find out the ‘line’ (row) number of the cursor in a textarea
  29. Bootstrap Dropdown with Hover
  30. How can I capture an image via the user’s webcam using getUserMedia?

Leave a Comment