Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/404.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何显示三行而不是一行_Javascript_Input_Textarea_Display_Enter - Fatal编程技术网

Javascript 如何显示三行而不是一行

Javascript 如何显示三行而不是一行,javascript,input,textarea,display,enter,Javascript,Input,Textarea,Display,Enter,我正在我的网站上创建一个便笺应用程序。 我的文本区域中有输入代码 <textarea class="form-control" rows="3" name="postBody"></textarea> ->我想用三行文字来显示 但我看到的是 123 456 789 如何解决此问题???您可以使用空白:预换行属性来显示带换行符的文本 div { white-space: pre-wrap; } 示例: 函数清理(字符串){ 常数映射={ “&”:“&

我正在我的网站上创建一个便笺应用程序。 我的文本区域中有输入代码

<textarea class="form-control" rows="3" name="postBody"></textarea>
->我想用三行文字来显示

但我看到的是

123 456 789 

如何解决此问题???

您可以使用
空白:预换行
属性来显示带换行符的文本

div {
    white-space: pre-wrap;
}
示例:

函数清理(字符串){
常数映射={
“&”:“&;”,
"": "",
'"': """,
“'”:“';”,
“/”:“/;”
};
常量reg=/[&“/]/gi;
返回字符串.replace(reg,match=>map[match]);
}
函数显示(){
让elem=document.getElementById(“内容”);
document.getElementById(“display”).innerHTML=sanitize(elem.value);
}

123
345
789

显示
已更新。谢谢
div {
    white-space: pre-wrap;
}