Question

textarea 遇到回车换行符

刚才实现了不换行，但是只能输入一行，现在我想实现像般编缉器那样功能，不知可不可以，就比如我复制一段代码，代码中有多行，如果某行代码长度太长，则x轴滚动条出现！就像记事本那样，不知不用js能否实现？

Answer 1

<textarea style="width:200px;height:200px;white-space:nowrap;"></textarea>

请往里面塞数据，越多越好，随便复制

white-space:nowrap;不折行，并不代表会删除换行符

追问

因为我主要是用来看代码的，并不是提交到服务器，如果都缩到一行，看起来不方便，有没有办法实现：复制时多少行，粘到多行文本框里面就是多少行，一行长度超过则x轴滚动条出现？

追答

你复制的内容如果本身就不带换行，是不可能实现的，用js也不能

你复制的内容自带格式，那么原来什么样，复制后就是什么样，换行都保持一致

我的Chrome结果完全符合需求

请先试下再追问，顺便说下你的浏览器是什么！！

追问请提供以下三张截图：

1. 待复制的文本（图！！）

2. 复制到textarea后的样子

3. textarea的结构（如与上面完全一致，可不截此图）
   

追问

之前用的是ie8测试的，上面那个截图是火狐测试的，因为需求，只能运行在IE下

追答

火狐的话textarea不支持，用pre替换

<pre contenteditable="true" style="width:200px;height:200px;white-space:nowrap;border:1px solid #CCC;overflow:auto;"></pre>

长得跟textarea很像，不过没有手动调整大小功能