Textarea not storing the newline in update with ajax

Question

I have some text stored in mysql table in below format:

This is the demo line 1
This is the demo line 2
This is the demo line 3
This is the demo line 4
This is the demo line 5

but, when I update any line in the text area, it displays the below output.Actually, I'm trying to make a text file with this if I don't update it to output me the above content in a text file but, When I update the content to give me the below output in the text file.

Here is my code:

This is the demo line 1 This is the demo line 2This is the demo line 3This is the demo line 4This is the demo line 5

<table>
<tr class="head">
<th style="display: none">Lable Name</th>
<th style="display: none">Tag Details</th>
</tr>
<?php
$sql1 = "SELECT * from tagto_print where print_tag_id='8'";
$reslabel=mysql_query($sql1);
$i=1;
while($row=mysql_fetch_array($reslabel))
{
$printid=$row['print_tag_id'];
$tagdetailstoprint=$row['print_tag_details'];
?>
<tr id="<?php echo $printid; ?>" class="edit_tr">
<td width="10%"><?php echo $row['print_tag_labelname'];?></td>
<td width="50%" class="edit_td">
<span id="details_<?php echo $printid; ?>" class="text"><pre><?php echo $tagdetailstoprint; ?></pre></span>
<textarea  class="form-control" id="details_input_<?php echo $printid; ?>" rows="8"> <?php echo $tagdetailstoprint; ?></textarea></td>
</tr>
<?php
$i++;
}
?>
</table>
<style>
.form-control
{
display:none;
}
</style>
<script type="text/javascript">
$(document).ready(function()
{
$(".edit_tr").click(function()
{
var ID=$(this).attr('id');
$("#details_"+ID).hide();
$("#details_input_"+ID).show();
}).change(function()
{
var ID=$(this).attr('id');
var tagdetailsarea=$("#details_input_"+ID).val();
var dataString = 'printid='+ ID +'&printdetails='+tagdetailsarea;
$("#details_"+ID).html('<img src="load.gif" />');
if(tagdetailsarea.length>0)
{
$.ajax({
type: "POST",
url: "print-tags-edit.php",
data: dataString,
cache: false,
success: function(html)
{
$("#details_"+ID).html(tagdetailsarea);
}
});
}
else
{
alert('You can not Print Blank Data');
}


});
$(".form-control").mouseup(function() 
{
return false
});
$(document).mouseup(function()
{
$(".form-control").hide();
$(".text").show();
});
});
</script>

File to update print-tags-edit.php:

<?php 
if($_POST['printid'])
{
$id=$_POST['printid'];
$details=$_POST['printdetails'];
$sql = "update tagto_print set print_tag_details='$details' where print_tag_id='$id'";
mysql_query($sql);

}
?>

Please refer to http://stackoverflow.com/questions/6344708/how-to-echo-an-input-of-an-textarea-with-line-breaks — AND, Nov 06 '14 at 08:29
@AND this addes the
in every line. This is the demo line 1
This is the demo line 2
This is the demo line 3
This is the demo line 4
This is the demo line 5 — Ramesh Singh, Nov 06 '14 at 10:29

score 0 · Answer 1 · edited Nov 06 '14 at 06:35

0

When you print it just put it inside this function , this to print in php

nl2br($txt)

if thing is inverted , just view source before writing data to file
if you found br then replace it with new line \n

edited Nov 06 '14 at 06:35

Ronser

1,855
6
20
38

answered Nov 06 '14 at 06:30

Samy Massoud

4,295
2
35
48

when i add this i get something like this in my text area This is the demo line 1
This is the demo line 2
This is the demo line 3
This is the demo line 4
This is the demo line 5
in the text file as well – Ramesh Singh Nov 06 '14 at 06:35
can you post the code used to store data in the file , every thing seems to be fine here ! – Samy Massoud Nov 06 '14 at 06:36
you can also replace `br` to `\n` before display in text area – Samy Massoud Nov 06 '14 at 06:37
as i said it is giving the output as i want untill i don't update the record but when i update the record it becomes a paragraph – Ramesh Singh Nov 06 '14 at 06:46

score 0 · Accepted Answer · edited Jul 18 '15 at 21:54

I sorted my problem. This solution is mix of many references. I fetched the record from the table and put the (br) in content

$tagdetailstoprint=$row['print_tag_details'];
$breaks = nl2br($tagdetailstoprint); 
$text = str_replace($breaks, "\r\n", $tagdetailstoprint);

In my textarea, I did this:

   <textarea  class="form-control" id="details_input_<?php echo $printid; ?>" rows="8"> <?php echo  htmlspecialchars($text); ?></textarea>

and in style, I added the style sheet suggested by the AND

<style>
.text{
white-space: pre-line;
}
</style>

In my file to update print-tags-edit.php, I did this:

$details=nl2br($_POST['printdetails']); // i stored the nl2br in my mysql table

This code is to create the text file:

$today = date("Y-m-d-Hi");
    header("Content-type: application/octet-stream");
    header("Content-Disposition: attachment; filename=".$today."_Backup.txt");
    $query = "SELECT * FROM tagto_print where print_tag_id='8'";
    $result = mysql_query($query);
    $data = "";
    $breaks = array("<br />","<br>","<br/>"); // i put the br in array
    while ($row=mysql_fetch_object($result)) {
    $text = str_replace($breaks, "\r\n", $row->print_tag_details); // and repalced it with the "\r\n" 
    $data .= "{$text}";
    $data .="\r\n";
    }
    echo $data;
    exit;
    }

Textarea not storing the newline in update with ajax

2 Answers2