如何在使用带有textarea文本的jQuery追加时处理回车

Question

我有来自textarea的文本,用户可能有合法的回车.

如果文本有一个我想保留的回车符,我该怎么做这个精确的jQuery追加示例.

我正在生成这个html代码,如果变量$ text中有回车符,它将会中断.

例:

$(".inner").append( "<textarea><?php echo $text; ?></textarea>" );

因此,如果:

$text = "Cat

Dog";

然后我得到这个,它会导致错误.

$( ".inner" ).append( "<textarea>Cat

Dog</textarea>" );

当append创建这个textarea html时,我该怎么做才能保留回车？

Answer 1

您需要确保 php 值正确传递给 javascript。最好的方法是将其编码为 json。然后您可以使用例如.val()来设置元素的值：

var myText = <?php echo json_encode($text); ?>;
$( ".inner" ).append( $('<textarea>').val(myText) );