Question

以下示例：

我有一个php函数，它在最后生成一些带有“\ n \ r”的文本
输出是在html div中生成的，隐藏
JQuery使用innerText
将其写入其他div

这就是我现在所做的。 php中的换行符对“end div”没有影响。

如何在结尾div处获得换行符？

此致

编辑：在我的php函数中使用babel-polyfill，警报可以正常工作。所以失败发生在第4点。

<br>

var text = document.getElementById("statistiktextdiv").innerText;
$jq( "#statistiktext" ).text(text);

Answer 1

您可以使用javascript String.replace方法将\n\r更改为<br>标记，以便浏览器呈现它。

alteredText = originalText.replace( '\n\r', '<br>' );

您可以看到控制台和警报窗口以文本编辑器的方式处理这些特殊字符，但它们不会在html中呈现为中断。

originalText = "line 1\n\r\line 2";
alteredText = originalText.replace( '\n\r', '<br>' );

console.log( originalText );
console.log( '---------' );
console.log( alteredText );

$('body').append( originalText );
$('body').append( '<hr>' );
$('body').append( alteredText );

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Answer 2

有些东西：当我将文本从JS写入textarea时，它正在工作！

所以问题似乎是1 1.1 1.2 ... 1.10 2 2.1 ... 10.0 10.11。我尝试使用<div>之类的随机标记，但它无效。

任何想法有什么不对？

带有换行符的Html文本到JQuery

2 个答案: