Question

在我的应用中，用户可以在他的个人资料中填写有关他的某些信息。例如，我有一个关于部分，用户可以写一个关于他的生活的段落。现在，如果用户键入任何内容并保存输入，它将显示为一个段落。我想要它，以便如果用户点击进入，它应该在显示内容时添加<p>标记。

更新

以这个问题为例。当我输入问题然后按回车

此文字出现在新行

这就是我想要的！

Answer 1

您无需处理输入密钥。

让我们假设您将textarea值作为字符串str。

当您显示它时，只需用<p>

包裹每一行

//`str` is textarea value
var str = document.getElementById("myTextarea").value;

var lines = str.split(/\r?\n/);
// create html
var html="";
for(var i=0;i<lines.length;i++){
    html+='<p>'+lines[i]+'</p>';
}

// use html here showing inside some div
var divEl = document.getElementById("myDiv");
divEL.innerHTML = html;

Answer 2

我不知道你究竟要求什么，但你可以通过这样做来拦截输入上的Enter键（使用jquery）。

$(".yourinputid").keyup(function (e) {
    if (e.keyCode == 13) {
        // Manipulate the DOM
    }
});

我对<p>标签部分感到有点困惑。你想要做什么？

Answer 3

在POST值服务器端使用nl2br()（如果使用PHP;其他语言应该可以使用其他语言）或者在textarea值客户端使用String.replace()。

当用户点击“Enter”或“Return”时，如何在文本字段中插入<p>标签？</p>

3 个答案: