textarea文本换行

我们一般在页面上填写比较多的数据时,一般用textarea,但这时会有一个问题,即内容过多时,如何换行问题,也就是怎样让数据存入数据库及从数据库中读取到页面上显示时,与当初输入的格式一样,一般都是用如下的方法来解决:
      //存入数据库
public class Opera {

public static String OperationChar(String message) {
if (message == null) {
return null;
}
char content[] = new char[message.length()];
message.getChars(0, message.length(), content, 0);
StringBuffer result = new StringBuffer(content.length + 50);
for (int i = 0; i < content.length; i++) {
switch (content[i]) {
case '<':
result.append("<");
break;
case '>':
result.append(">");
break;
case '&':
result.append("&");
break;
case '"':
result.append(""");
break;
case ' ':
result.append(" ");
break;
case '\n':
result.append("<br/>");
break;
default :
result.append(content[i]);
}
}
return result.toString();
}

//显示在页面的时候
public static String DEOperationChar(String message) {
if(message ==null) {
return null;
}
StringBuffer result = new StringBuffer();
message.replaceAll("<", "<");
message.replaceAll("%gt;", ">");
message.replaceAll("&", "&");
message.replaceAll(""", "\"");
message.replaceAll(" ", " ");

return message;
}

}
注:上面用到几个方法:
1)void getChars(int sourceStart,int sourceEnd,char target[],int targetStart)
  sourceStart指定了子串开始字符的下标,sourceEnd指定了子串结束后的下一个字符的下标。因此,子串包含从sourceStart到sourceEnd-1的字符。接收字符的数组由target指定,target中开始复制子串的下标值是targetStart。
  例:
   String s="this is a demo of the getChars method.";
    char buf[]=new char[20];
    s.getChars(10,14,buf,0);
即将字符串的一部分或全部内容复制到一字符数组中

另:这里还用到了StringBuffer,将StringBuffer对象调用.toString()方法,即可做为字符串输出,如果要将得到的内容反转再输出,可以先调用.reverse()方法,再调用.toString()方法输出即可。
如:
 StringBuffer sf = new StringBuffer();
sf.append("abcdef");
System.out.println(sf.toString()); //==>abcdef
System.out.println(sf.reverse().toString()); //==>fedcba
### 文本区域实现自动换行 为了使 `<textarea>` 支持自动换行,在 HTML 中设置 `wrap` 属性是一个简单有效的方式。此属性有两个主要取值:“soft” 和 “hard”。当设置为 "soft" 时,虽然文本在显示时会按照指定宽度换行,但在提交表单时不插入实际的换行符;而设置为 "hard" 则会在每行结束处插入换行符 `\r\n`[^2]。 ```html <textarea name="content" wrap="hard"></textarea> ``` 对于希望在不修改服务器端逻辑的情况下让浏览器处理换行的情况,“soft” 是更常用的选择。然而需要注意的是,默认情况下大多数现代浏览器都会将 `<textarea>` 的行为视为 `wrap="soft"` 即使未显式声明该属性。 如果目标是在 Vue.js 或其他 JavaScript 框架内操作,则可以通过监听输入事件并手动调整内容来达到相同的效果。下面给出一段简单的 Vue 组件代码片段用于演示如何动态管理多行文本框中的内容: ```javascript // 假设这是某个 Vue 组件的一部分 data() { return { message: '' } }, methods: { handleInput(event) { let value = event.target.value; this.message = value.replace(/\n/g, '\r\n'); // 将所有的 \n 替换成 \r\n 来模拟 hard-wrap 行为 } } ``` 此外,关于 `placeholder` 的换行问题,HTML 标准并不支持直接通过回车键创建占位符内的新行。但是可以在字符串中嵌入 Unicode 字符 U+000A (LF) 来表示新的行[^1]。 ```html <textarea placeholder="第一行提示信息 第二行提示信息"></textarea> ``` 值得注意的是,这种方式依赖于不同平台和设备的具体表现形式可能有所差异,因此建议测试以确认预期的行为是否一致。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值