从函数输入到Javascript插入带换行符的单词

Question

I have a condition below. pop function in button input has line 1 followed by newline Line2. When I click on button to javascript it pops error " Unexpected token ILLEGAL " in Console.

Value inside pop() of button is generated dynamically. I get this error only if I have a new line char in the input text.

<script type='text/javascript'>

function pop(valu)
{
alert("here"+valu);
document.getElementById('box').innnerHTML = valu;
}

</script>

<button onclick="pop('Line 1
Line 2')"> Click </button>
<textarea id='box'></textarea>

Backend is PHP.

Is there any way to achieve this on foreground ? or should I make any changes of inserting values to DB ?

I directly store the values in DB with newline character.

Answer 1

Solution is use to nl2br function in PHP side

nl2br($yournewlinestring); 

function of PHP to convert newline to enter a new line for

But before storing convert your html line breaks in php like this

$_POST['xyz'] = preg_replace('/(?:
|[
])/', PHP_EOL, $_POST['xyz'] );