How to add line breaks to an HTML textarea

Question

I   m editing a  lt textarea gt  with JavaScript  The problem is that when I make line breaks in it  they won   t display  How can I do this   I   m getting the value to write a function  but it won   t give line breaks

User · Answer

here is the thing i did for the same trouble i had.

when I'm passing the text to the next page in jsp, i'm reading it as a textarea instead of reading something like

so the output came as you wanted. and for other properties, you can use as below.

<textarea style="background-color: white; border: none; width:660px;font-family: Arial, Helvetica, sans-serif; font-size:1.0em; resize:none;" name="text" cols="75" rows="15" readonly="readonly" ><s:property value="%{text}"/></textarea>

User · Answer

Maybe someone find this useful   I had problem with line breaks which were passed from server variable to javascript variable  and then javascript was writing them to textarea  using knockout js value bindings    the solution was double escaping new lines    orginal Replace   r n      r  n     on the server side  because with just single escape chars javascript was not parsing

User · Answer

A new line is just whitespace to the browser and won t be treated any different to a normal space        To get a new line  you must insert  lt BR   gt  elements   Another attempt to solve the problem  Type the text into the textarea and then add some JavaScript behind a button to convert the invisible characters to something readable and dump the result to a DIV  That will tell you what your browser wants

User · Answer

If you want to display text inside your own page  you can use the  lt pre gt  tag    x000D   x000D  document querySelector  textarea   addEventListener  keyup   function     x000D    document querySelector  pre   innerText   this value  x000D      x000D   lt textarea placeholder  type text here  gt  lt  textarea gt  x000D   lt pre style  font-family  inherits  gt  x000D  The x000D  new lines will x000D  be respected x000D        and spaces too x000D   lt  pre gt  x000D   x000D   x000D

User · Answer

I have a textarea with id is  infoartist follow    lt textarea id  infoartist  ng-show  dForm  style  width  100    placeholder  Tell your contacts and collectors about yourself   gt  lt  textarea gt    In javascript code  i ll get value of textarea and replace escaping new line   n r  by  lt br   gt  tag  such as   var text   document getElementById  infoartist   value  text   text replace   r  n g    lt br   gt       So if you are using jquery  like me    var text       infoartist   val    text   text replace   r  n g    lt br   gt       Hope it helped you   -

User · Answer

If you just need to send the value of the testarea to server with line breaks use nl2br

User · Answer

if you use general java script and you need to assign string to text area value then   document getElementById  textareaid   value  texthere   ntexttext     you need to replace  n or  lt  br  gt  to    n  otherwise it gives Uncaught SyntaxError  Unexpected token ILLEGAL on all browsers

User · Answer

Problem comes from the fact that line breaks   n r   are not the same as HTML  lt br  gt  tags var text   document forms 0  txt value  text   text replace   r  n g    lt br   gt      UPDATE Since many of the comments and my own experience have show me that this  lt br gt  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  quot txtDebug quot         txtArea value     text     r n      I decided to do this an edit  and not as a new question because this a far too popular answer to be wrong or incomplete

User · Answer

You need to use  n for linebreaks inside textarea

[javascript] How to add line breaks to an HTML textarea?

Examples related to javascript

Examples related to html

Examples related to textarea

Examples related to line-breaks