How to handle line breaks in JavaScript/jQuery?

Asked Mar 27 '17 at 12:30

Active Mar 27 '17 at 12:51

Viewed 51 times

I've a variable having multi line text like follows. The variable value comes from db.

<?php   
$text = "db
value
in
multiline";
?>

After running some logic, I need to append this to a div element. For that I've written like follows

<div id ="getme"></div>

<script>
document.getElementById('getme').innerHTML = "<pre><?php print $text;?></pre>";
</script>

If I run the above code it throws an error in console saying

SyntaxError: unterminated string

So how do I handle pre tag in JavaScript/jQuery ?

edited Mar 27 '17 at 12:51

asked Mar 27 '17 at 12:30

Krishna Mohan

1

You have a typo here `>/pre>";` missing the `<` for the closing tag. – Jay Blanchard Mar 27 '17 at 12:32
@JayBlanchard that typo is here only. I've correct code in my end. The error is not because of the typo. – Krishna Mohan Mar 27 '17 at 12:34
Please remove `
```
 
```
` tags from **JS** and try again.
– Rana Ghosh Mar 27 '17 at 12:36
See the linked question's answers. In short: `document.getElementById('getme').innerHTML = "
```
" +  + "
```
";` *(yes, really no quotes around the PHP part; `json_encode` will add them)*.
– T.J. Crowder Mar 27 '17 at 12:37
The unterminated string comes from your `$text = "...` lines. You're not doing multi-line text correctly in PHP. Please refer to http://stackoverflow.com/a/1848974/1544886 or other answers – K Scandrett Mar 27 '17 at 12:40
@T.J.Crowder Thanks for the json_encode idea :) – Krishna Mohan Mar 27 '17 at 14:42

0 Answers0