HTML里面Textarea换行问题总结

近期，我遇到了一个关于数据在TextArea中的存储和展示问题，这里我简单分享一下。问题的描述是这样的：当你通过某种方式获取数据并放入一个TextArea中，比如“AAA BBB”，你希望这些数据能真正按行在TextArea中存储，而不仅仅是视觉上呈现出分行显示的效果。这意味着当你将这个TextArea中的数据传输到其他页面时，依然要保持按行的结构。

对于这个问题，初始的尝试是提交数据时采用“AAA＜BR ＞BBB”的格式。但这种做法只是实现了在显示上的换行，实际上数据在TextArea中并未按行存储。当你再次将这些数据提交到另一个TextArea时，会发现原本的换行消失了，变成了“AAABBB”的连续字符串。

解决这个问题的基础知识很关键：在HTML中，我们通常用＜BR ＞来表示换行，但在TextArea中，换行是通过回车符/n来实现的。要想让数据在TextArea中真正按行存储，就必须使用回车符/n。

那么，解决方案是什么呢？我们可以在数据提交后，通过JavaScript对＜BR ＞和/n进行替换。提交数据时，暂时先用＜BR ＞作为分隔符。提交完成后，使用以下JavaScript代码进行转换：

```javascript

```

这样，就能确保数据在TextArea中真正按行存储了。当你再次查看或处理这个TextArea中的数据时，会发现它依然保持着原有的行结构。

记得处理完这些操作后，使用`cambrian.render('body')`来更新页面内容，确保改动能够正确展示给用户。