current community

your communities

more stack exchange communities

Stack Exchange
tour help
stack overflow careers
Take the 2-minute tour ×
Stack Overflow is a question and answer site for professional and enthusiast programmers. It's 100% free, no registration required.
up vote -1 down vote favorite

Why \n is appending to the value after JSON.stringify. Here is the example link

http://jsfiddle.net/7nketLmy/

 var formData = new Array();
 if ($(this).get(0).tagName.toUpperCase() === 'DIV' ){
        content = $(this).html();
    } 
 alert(JSON.stringify(formData));

Note: Content in the Div is dynamic and I don't have any control on what is displaying there. I should use .html() to get the data in Div

share|improve this question
1  
In your fiddle, do you see the spaces between the open <div> the text and the closing </div> you see you added new line right that why it's adding \n to indicate that new line in the text format –  andrex Sep 23 '14 at 5:50
    
Because there is \n in <div> html. –  Regent Sep 23 '14 at 5:50
    
If you change you fiddle div tag to like this <div contenteditable="true" placeholder="" name="content[0]" id="pres_preview_58c57bd0044aa58704f13133b381e97a_0" class="pdfElement tempContent txtfield">Empire City Casino at Yonkers Raceway</div> which has no spaces then there is not \n being added. It's because the string being retrieve has newlines but HTML doesn't interpret new lines so you can't see it in the browser. –  andrex Sep 23 '14 at 5:51
    
And updated fiddle about it. –  Regent Sep 23 '14 at 5:52
    
If you have to no control over the content since it's dynamic you can trim it content.trim() –  andrex Sep 23 '14 at 5:58

4 Answers 4

up vote 1 down vote accepted

You added a new line in your div. that's why /n appearing 

<div contenteditable="true" placeholder=""  name="content[0]" id="pres_preview_58c57bd0044aa58704f13133b381e97a_0" class="pdfElement tempContent txtfield">Empire City Casino at Yonkers Raceway</div>

Use like this.

share|improve this answer
up vote 0 down vote

Because there is \n in div tag

Check this fiddle: http://jsfiddle.net/7nketLmy/2/

   <div contenteditable="true" placeholder=""  name="content[0]"  id="pres_preview_58c57bd0044aa58704f13133b381e97a_0" class="pdfElement tempContent txtfield">empire City Casino at Yonkers Raceway</div>
share|improve this answer
up vote 1 down vote

change this part to your code: formData.push($.trim(content));

share|improve this answer
up vote 0 down vote

You added a new line and lots of spaces in your div in html, removing them will fix the issue:

<form name="presentationForm" id="presentationForm" method="post">
    <div contenteditable="true" placeholder=""  name="content[0]" id="pres_preview_58c57bd0044aa58704f13133b381e97a_0" class="pdfElement tempContent txtfield">Empire City Casino at Yonkers Raceway</div>       
</form>       
<input type="button" name="done" value="Done" onClick="javascript: saveTempInfo()">

Updated Fiddle

share|improve this answer

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.