加载动态内容时，jquery unterminated string literal

Question

$str is loading dynamic content from admin panel (tinymce) in following format

$str = 'First Line
    Second Line 
   Third Line';

Now when i try to access this variable then it gives me unterminated string literal  
<script type="text/javascript">
    $(document).ready(function() {
        var a = '<?php echo $str;?>';
        $('#abc').html(a);                      
    });    
</script>
<div id="abc"></div>

when i convert string to $str = 'First line Second line Third line'; then it does not give error but my string is in above way.

Answer 1

When dumping a PHP variable into JavaScript, ALWAYS use json_encode. Like this:

var a = <?php echo json_encode($str); ?>;

Note no quotes around the PHP code, this is important! PHP will add the quotes for you and escape everything correctly.