Comments on: Line endings in Javascript

By: Greenbar

Greenbar — Sat, 08 Mar 2008 07:06:01 +0000

How did you get the “greenbar paper” effect found under the “November 2nd, 2006 at 11:13 pm” post?

By: milanmk

milanmk — Tue, 30 Oct 2007 11:00:32 +0000

I was working on the live preview feature on my blog Efficient Tips and came across the same problem with Firefox which treats line endings and line breaks as '\n'. I am now using your second solution that first changes everything to '\n' and then replaces the values respectively, as in my case a new line is replaced by

and a line ending by
. Thanks for saving my time.

By: Stephen

Stephen — Wed, 24 Oct 2007 16:25:40 +0000

Also note that if you have a “white-space: nowrap;” style on a textarea in IE then it will treat a \n assigned from JavaScript as a space rather than a line break.

Took me ages to figure out this one…

By: Anonymous

Anonymous — Tue, 26 Jun 2007 16:25:44 +0000

tret
ret
rrt

By: yUPdQiqWYG

yUPdQiqWYG — Thu, 11 Jan 2007 17:30:21 +0000

Hi! Very nice site! Thanks you very much! TghvyXzJmSBf

By: Lucas

Lucas — Thu, 02 Nov 2006 13:13:41 +0000

It seems some of you will find this useful. I was having trouble validating

</code>'s until I used an intermediate string which browsers will not meddle with, then if necessary let your server do the line-ending conversions. Obviously this is a very specific implementation but you get the idea.
<pre><code> function charCount(sourceElem)
 {
  var target=document.getElementById(sourceElem.name+'_count'),
      inputText=sourceElem.value,
      maxLength=500;
  inputText=inputText.replace(/[\r\n]+/g,'\r\n');
  if(inputText.length>=maxLength)
  {
   target.className='error';
   if(inputText.length>maxLength)
   {
    alert('You have gone over the limit,\nthe end of your input will be trimmed to fit.');
    inputText=inputText.substring(0,maxLength);
    //fix for
    if(inputText.charAt(maxLength-1)=='\r')
    {
     inputText=inputText.substring(0,maxLength-1);
     target.className='';
    };
    sourceElem.value=inputText;
   };
  }
  else
   target.className='';
  target.childNodes[0].nodeValue=inputText.length;
 };
</code></pre>
with <code><span id="x_count">0</span>/500 character limit</code> in the body and an <code>onclick="javascript:charCount(this);"</code> attribute for the <code><textarea></code>
</article>
<article>
<h1>By: Anonymous</h1>
<p>Anonymous — Wed, 21 Jun 2006 21:53:59 +0000</p>
<p>this is a text area and its loses it focus on much heated concentrated daily values</p>
</article>
<article>
<h1>By: Chris Adams</h1>
<p>Chris Adams — Tue, 30 Nov 1999 00:00:00 +0000</p>
<p>Why not simply obj.value.replace(/(\r\n|\r|\n)/g, '$1$1') to double whatever was already there?</p>
</article>
<article>
<h1>By: dfraize</h1>
<p>dfraize — Tue, 30 Nov 1999 00:00:00 +0000</p>
<p>I would love to see more CSS design tips and tricks in this section. Great stuff so far!</p>
</article>
<article>
<h1>By: Skunk</h1>
<p>Skunk — Tue, 30 Nov 1999 00:00:00 +0000</p>
<p>Chris: because I didn't want any existing double newlines to be turned in to quadrupal newlines.</p>
</article>
</main></body></html>