怎么正确显示textarea内容的换行

怎么正确显示textarea内容的换行,第1张

你显示出来的时候是显示在哪里显示在textarea里就什么都不用处理, 其他地方的话,有两种方法, 一种是用标签, 另外一种就是替换字符串了,替换字符串又可以有几个选择: 1保存到数据库前就替换 11 页面上用javascript替换 12 后台java替换

用replace和正则表达式结合,一次替换所有的\r\n。

var reg=new RegExp("\r\n","g");

str= strreplace(reg,"<br>");

这样str中所有的\r\n就替换成<br>了然后可以将其存入数据库。

在取出的时候 只用将值在替换回来即可

var reg=new RegExp("<br>","g");

stt= strreplace(reg,"\r\n");

documentgetElementById("textarea")value=str;

2 EL表达式会将"</br>"换行符转变成"</br>","<"和">"分别对应"<"和">",也就是说,到了页面上,还是显示为"</br>",为了补救这一点,需要使用jsp标签(<%= %>)来进行显示。

所以当需要在普通文本域中显示由<textarea>提交的内容时,可以直接在数据库里存储不经过处理的字符串,而只在显示前将"\r\n"替换为"</br>",然后在页面上使用<%= %>来显示这些内容

<textarea id="txt">

</textarea>

<script>

var s ="风格大方\n\r";

s+="详细描述:风格大方的"

documentgetElementById("txt")value=s;

</script>

或者你把<br/>换成${"\n\r"}试试

首先在texture中的看到的换行是什么?一般情况下windows是\r\n,linux下是\n,而这些字符也就是基础课程中的转义字符,但是网页中显示的时候,不具备真正的换行效果,通过“右键”->“查看源代码”可以看到这样的效果,php内置函数nl2br(String s);

把你想要输出的texture内容,从数据库中读出来:存入变量($content_texture)

$content_texture = "123\n32435\n32435345\n";

$result_texture=nl2br($content_texture);

echo $result_texture;

当然也可以自己手动实现一下,去了解这个函数 *** 作的内容

$content_texture = "123\n32435\n32435345\n";

$result_texture = str_replace(array("\n", "\r\n") , "<BR />", $content_texture);

echo $result_texture;

window里面换行是\r\n,linux里面是\n 所以为了实现统一,可以后台通过$_POST, $_REQUEST 来获取textarea的内容,然后通过str_replace来替换把换行替换成<br/>浏览器打印看下,由于留言有长度限制,HTML文件头部底部省略,直接写表单;

<form action="aphp" method="post">

    内容描述:<textarea name="txt"></textarea><br/>

    <input type="submit" value="提交"/>

</form>

aphp文件的代码如下:

<php

    header('Content-Type:text/html;charset=utf-8');

    $txt = $_REQUEST['txt']  trim($_REQUEST['txt']) : "";

    // 替换\r

    $txt = @str_replace("\\r", "", $txt);

    // 替换\n 为 html换行<br/>

    $txt = @str_replace("\\n", "<br/>", $txt);

    echo "多文本框的内容如下:<hr/>"$txt;

    exit;

>

换行在 JS 中用 \n 表示,因此判断 textarea 的值是否包含 \n 即可判断:

if (documentgetElementById('textareaId')valueindexOf('\n') > -1) {

    // 内容中有换行

} else {

    // 内容中没有换行

}

以上就是关于怎么正确显示textarea内容的换行全部的内容,包括:怎么正确显示textarea内容的换行、如何处理textarea换行、textarea标签中默认文字怎么换行,<br>不行啊等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9489805.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-28
下一篇2023-04-28

发表评论

登录后才能评论

评论列表(0条)

    保存