如何从文本区域显示空格
How to show spaces from textarea
嗨,我将数据保存在第1页的文本区域,然后在第2页的div中显示。但是,如果我在文本区域中写入
A
B
C
D
它在div(第2页(中显示为
A B C D
如何保持换行符?
使用CSS属性white-space
接受'n
作为新行。
div {
white-space: pre;
}
JSFiddle
您可以使用以下代码:
function setVal() {
var content = document.getElementById('test').value;
document.getElementById('result').innerHTML = content.replace(/'n/g, '<br/>');
}
解释:基本上,需要使用<br/>
将'n
字符转换为等效的HTML换行符。
演示
您需要使用此函数nl2br((,请注意,在将其保存到数据库时不要使用nl2br
。在HTML中显示文本时使用它。
我会使用<pre>
标记,它用于第二页上的这种预格式化文本。
一个例子是:
<?
echo '<pre>'.$_POST['textarea'].'</pre>';
它保留了空格和换行符。
$textarea = strip_tags($_POST['textarea']);
echo '<textarea>'.nl2br($textarea).'</textarea>';
nl2br
=<br>
的新行,因此它将为每个回车插入<br><br>
。
在div中显示值时应该使用nl2br
在线演示
这是代码,以便您可以运行它进行检查。
<form>
<textarea name="message" rows="10" cols="50" placeholder="Enter your message here"><?=$_REQUEST['message']?></textarea><br>
<button name="submit" value="submit">Submit</button>
</form>
<h2>Your message will display here</h2>
<div><?=nl2br($_REQUEST['message'])?></div>
<h3>Always remember that don't store nl2br value in database.</h3>
相关文章:
- 突出显示jQuery中单词之间的空格
- 如果已登录,则显示按钮,Meteor's空格键
- 如何在描述中显示空格和段落
- Jquery 和 Contenteditable - 强制换行符显示为单个空格
- Javascript 显示复选框值与值中的空格中断
- 卸下'空格'由“;显示:无”;d元素
- 引用生成器网站不能在显示的内容之间放置符号或空格
- 在预标记中显示空格字符
- jQuery UI自动完成多个值-如何在空格后而不是逗号后显示建议列表
- javascript foreach数组,并用逗号和空格分隔,显示为字符串
- 在填充有挖空 js 绑定的选定组合框中显示空格
- 需要显示javascript变量作为标题没有空格
- @print media显示隐藏内容的空格
- 显示新的输入值(添加空格)
- 如何从文本区域显示空格
- 空格导致我的javascript显示不正确(修剪输出)
- 浏览器不显示SELECT标记内列表文本的空格
- Foreach循环不显示@Html.DisplayFor中项目之间的空格
- 突出显示匹配的表达式,除了空格
- 为什么警报是'按下空格键时显示t