textarea换行事件（textarea中空格和换行怎么处理）

本文目录

• textarea中空格和换行怎么处理
• html的textarea内容显示的时候怎么换行
• textarea：进行文本换行
• textarea自动换行如何设置
• a-textarea的不满一行就换行问题
• 如何在TextArea里实现换行
• html:textarea 标签 在js里实现自动换行
• JS处理textarea如何换行
• textarea 怎么强制换行
• textarea 换行

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》",然后在页面上使用《%= %》来显示这些内容.

html的textarea内容显示的时候怎么换行

HTML：

《textarea》1111 2222《/textarea》

JavaScript：

document.write(’《textarea》1111\n2222《/textarea》’)

textarea：进行文本换行

textarea内的换行便是以换行符的形式实现，换行符也能用于textarea

当我们尝试将\n用于一般div

eg: document.querySelector(".a").innerHTML= "12\n1";

显示:

未显示换行，这是因为在默认情况下空白会被忽略，所以无论是文本里的空白、换行都会被当做一个空格处理，

若想显示空白，需添加属性white-space: pre; 保留换行和空白 或者pre-line 保留换行，忽略空白

增添white-space: pre;显示:

这时候获取innerHTML，输出: 12 1,

/\n/.test(document.querySelector(".a").innerHTML) // true，

eg: document.querySelector(".a").innerHTML= "1 2\n1";

显示:

通过审查元素，可以发现可div自带white-space: pre;属性！因此文本空白和换行符都对它有效

而可div内直接进行换行操作，换行又是如何实现的？

进行换行:

再输出innerHTML

1 2 1 《div》11《/div》《div》111《/div》

因此: 对于可div，换行符有效，但它本身的换行是通过div来实现的，这不同于textarea!

一般pre

对于一般pre，文本空格与换行符都有效，也自带white-space: pre;属性。

可pre

类似于可div，换行符有效，本身的换行通过增添div实现。

textarea自动换行如何设置

通常情况下，当用户在输入文本区域中键入文本后，浏览器会将它们按照键入时的状态发送给服务器。只有用户按下 Enter 键的地方生成换行。
如果您希望启动自动换行功能（word wrapping），请将 wrap 属性设置为 virtual 或 physical。当用户键入的一行文本长于文本区的宽度时，浏览器会自动将多余的文字挪到下一行，在文字中最近的那一点换行。
wrap="virtual" 将实现文本区内的自动换行，以改善对用户的显示，但在传输给服务器时，文本只在用户按下 Enter 键的地方进行换行，其他地方没有换行的效果。
wrap="physical" 将实现文本区内的自动换行，并以这种形式传送给服务器，就像用户真的那样键入的。因为文本要以用户在文本区内看到的效果传输给服务器，因为使用自动换行是非常有用的方法。
如果把 wrap 设置为 off，将得到默认的动作。
希望对你有点帮助。
㊣

a-textarea的不满一行就换行问题

输入回车符。
在textarea中输入回车符，在js读取textarea中的值有\r\n然后到业务层转换到string中就有可能变成空格形式然后被存入数据库，当在取出此值的时候则会变成空格的形式。
textarea，计算机语言，指的是标签定义多行的文本输入控件。

如何在TextArea里实现换行

有两个方案，一是在写入数据库之前，把textarea中的内容做一下替换操作，把\r\n替换成，这样读出来显示在页面上就会有换行了。 二是写入数据库时不变，从数据库中读取出来显示在页面上时，把php的回车符替换成，这样也能起到同样的效果。

html:textarea 标签 在js里实现自动换行

textarea本身就有这个功能，设其宽度恰能容纳20个字符，然后将其wrod-warp=true属性加上就是自动换行，如果不是这样，才会求JS的帮助的。比如说你的长度是40个字符，而想让其20个一换行的话，也就是说你要留一些空白，（但我想破头也不知道你为什么这样设计，如果是我，要一个DIV上加一个20行的textarea，则剩余的地方可以做任何HTML显示的，然后更改textarea的外观使其与DIV统一就行了）可以使用js实现的。写一个功能函数，放在textarea的onchange事件中，当值一改变就引用，截20个字符，然后查后下面一个字符是不是chr(10)或chr(13),若不是则加加，若是，则将下21一个字符加入，循环到你字符的的有长度就可以了！str.charcode(21)则测试第21个字符的ASCII码，若等于10，则表示是一个回车，若是13则是一个换行，两个都可达到相同的效果。然后测试第42个，然后测试第63个等等。直到结束，但这种情况会打扰原有的回车符，所以还要考虑进去。
但我想这样的程序使用的可能性不大，你自己想想写一个吧，如果真不行，可以进度我，我给你写！

JS处理textarea如何换行

functionline2br(text){\x0d\x0areturntext.split("\n").join("
");\x0d\x0a}\x0d\x0a\x0d\x0a不过一般光这样还不成，还要屏蔽“《》”，我用的方法是\x0d\x0afunctionline2br(text){\x0d\x0a$("

").text(text).html().split("\n").join("
");\x0d\x0a}

textarea 怎么强制换行

方法1：在textarea中增加属性wrap="hard"
方法2：设置 wrap="virtual"，文本区会包含两行文本，并在单词 "makes" 后面换行。但是只有一行文本被传送到服务器：没有嵌入新行字符。
方法3：设置 wrap="physical"，文本区会包含两行文本，并在单词 "makes" 后面换行，这时发送给服务器两行文本，单词 "makes" 后的新行字符将分隔这两行文本。
方法1测试过是可以的，方法2和方法3还未测试
附：
wrap属性定义输入内容大于文本域时显示的方式，可选值如下：
默认值是文本自动换行；当输入内容超过文本域的右边界时会自动转到下一行，而数据在被提交处理时自动换行的地方不会有换行符出现；
Off，用来避免文本换行，当输入的内容超过文本域右边界时，文本将向左滚动，必须用Return才能将插入点移到下一行；
Virtual，允许文本自动换行。当输入内容超过文本域的右边界时会自动转到下一行，而数据在被提交处理时自动换行的地方不会有换行符出现；
Physical，让文本换行，当数据被提交处理时换行符也将被一起提交处理。

textarea 换行

1、获取到需要赋值给textarea的内容
2、显示的内容中，有需要换行的地方插入换行标签\r\n
3、将内容复制给textarea显示即可。
示例：
有一个textarea：
《textarea id="myarea"》《/textarea》
方法：
var obj = document.getElementById(’myarea’);
obj.innerText=’2223333\r\n1111111111’;