textarea换行（如何在TextArea里实现换行）
本文目录
- 如何在TextArea里实现换行
- JS处理textarea如何换行
- 如何使得textarea中的字体，显示换行效果等
- textarea 换行
- textarea 想进行换行，我在字符串加了\n 和 br 都不能实现换行
- textarea 怎么显示换行
- textarea 提交的时候如何获取自动换行
- 如何给textarea里面的内容有空格 换行
- textarea 怎么强制换行
如何在TextArea里实现换行
有两个方案，一是在写入数据库之前，把textarea中的内容做一下替换操作，把\r\n替换成，这样读出来显示在页面上就会有换行了。 二是写入数据库时不变，从数据库中读取出来显示在页面上时，把php的回车符替换成，这样也能起到同样的效果。
JS处理textarea如何换行
function line2br(text){
return text.split(“\n“).join(“《br /》“);
}
不过一般光这样还不成，还要屏蔽“《》”，我用的方法是
function line2br(text){
$(“《div》“).text(text).html().split(“\n“).join(“《br /》“);
}
如何使得textarea中的字体，显示换行效果等
1)将内容放入到textarea的控件中显示即可。此方法可以用于新增，修改一个页面的情况下。
(2)将内容用《pre》《/pre》标签包裹起来即可，这里需要控制《pre》标签的样式才能显示出换行的效果：
textarea 换行
1、获取到需要赋值给textarea的内容
2、显示的内容中，有需要换行的地方插入换行标签\r\n
3、将内容复制给textarea显示即可。
示例：
有一个textarea：
《textarea id=“myarea“》《/textarea》
方法：
var obj = document.getElementById(’myarea’);
obj.innerText=’2223333\r\n1111111111’;
textarea 想进行换行，我在字符串加了\n 和 br 都不能实现换行
我也遇到了相同的问题，后来发现是插入字符串的方式出了问题。
用 textarea.value = str 的方法，就可以正常显示换行，
用 textarea.innerHTML = str 的方法，就无法换行了。
textarea 怎么显示换行
一楼的思路是正确的，但是，楼主的做法是还是要放在 textarea 中，
那么，我们进行字符串替换时，就应该替换为
(也就是 textarea 可识别的换行符)
也就是利用Java处理,然后显示到页面：
yourContent = yourContent.replaceAll(“\\n“,“
“);
严格说来，textarea 读取的字符时 \r\n ,所以严格的方式应该是:
yourContent = yourContent.replaceAll(“\\r\\n“,“
“);
textarea 提交的时候如何获取自动换行
textarea只是一个控件，他并不会自动换行。虽然你看到的是换行效果。如果有记录换行符的需求的话，只能是JS来判断，如果他的长度大于多少多少的时候加入《br/》标签。然后显示的时候用HTML来进行显示，就能实现LZ想要的那种效果了。
如何给textarea里面的内容有空格 换行
用replace和正则表达式结合,一次替换所有的\r\n。
var reg=new RegExp(“\r\n“,“g“);
str= str.replace(reg,“《br》“);
这样str中所有的\r\n就替换成＜br＞了.然后可以将其存入数据库。
在取出的时候 只用将值在替换回来即可
var reg=new RegExp(“＜br＞“,“g“);
stt= str.replace(reg,“\r\n“);
document.getElementById(“textarea“).value=str;
2. EL表达式会将“《/br》“换行符转变成“《/br》“,“《“和“》“分别对应“《“和“》“,也就是说，到了页面上,还是显示为“《/br》“，为了补救这一点,需要使用jsp标签(《%= %》)来进行显示。
所以当需要在普通文本域中显示由《textarea》提交的内容时,可以直接在数据库里存储不经过处理的字符串,而只在显示前将“\r\n“替换为“《/br》“,然后在页面上使用《%= %》来显示这些内容.
textarea 怎么强制换行
方法1：在textarea中增加属性wrap=“hard“
方法2：设置 wrap=“virtual“，文本区会包含两行文本，并在单词 “makes“ 后面换行。但是只有一行文本被传送到服务器：没有嵌入新行字符。
方法3：设置 wrap=“physical“，文本区会包含两行文本，并在单词 “makes“ 后面换行，这时发送给服务器两行文本，单词 “makes“ 后的新行字符将分隔这两行文本。
方法1测试过是可以的，方法2和方法3还未测试
附：
wrap属性定义输入内容大于文本域时显示的方式，可选值如下：
默认值是文本自动换行；当输入内容超过文本域的右边界时会自动转到下一行，而数据在被提交处理时自动换行的地方不会有换行符出现；
Off，用来避免文本换行，当输入的内容超过文本域右边界时，文本将向左滚动，必须用Return才能将插入点移到下一行；
Virtual，允许文本自动换行。当输入内容超过文本域的右边界时会自动转到下一行，而数据在被提交处理时自动换行的地方不会有换行符出现；
Physical，让文本换行，当数据被提交处理时换行符也将被一起提交处理。
textarea默认是不换行的，你把class去掉试试
wrap 属性
通常情况下，当用户在输入文本区域中键入文本后，浏览器会将它们按照键入时的状态发送给服务器。只有用户按下 Enter 键的地方生成换行。
如果您希望启动自动换行功能（word wrapping），请将 wrap 属性设置为 virtual 或 physical。当用户键入的一行文本长于文本区的宽度时，浏览器会自动将多余的文字挪到下一行，在文字中最近的那一点换行。
wrap=“virtual“ 将实现文本区内的自动换行，以改善对用户的显示，但在传输给服务器时，文本只在用户按下 Enter 键的地方进行换行，其他地方没有换行的效果。
wrap=“physical“ 将实现文本区内的自动换行，并以这种形式传送给服务器，就像用户真的那样键入的。因为文本要以用户在文本区内看到的效果传输给服务器，因为使用自动换行是非常有用的方法。
如果把 wrap 设置为 off，将得到默认的动作。
更多文章：
2024年7月15日 03:09
2024年7月23日 15:56
2024年7月20日 18:56
2024年7月9日 13:22
2024年7月23日 05:36
2024年7月11日 19:28
geforce gtx titan（geforcegtxtitanx接线）
2024年7月15日 23:14
2024年7月24日 02:09
2024年7月25日 20:01
2024年7月24日 12:44
2024年7月18日 08:11
2024年7月18日 22:11
2024年7月19日 18:10
2024年7月19日 05:51
2024年7月15日 20:31
2024年7月13日 22:26
2024年7月9日 00:56
2024年7月24日 21:36
2024年7月25日 06:11
2024年7月15日 23:51
