一个项目需求引起的——textarea中的换行和空格

我们在前台使用textarea编辑文本，用js提交到后台时，空格和换行是我们最需要考虑的问题。在文本区域中，空格和换行符将保存为/s和/n。如果前台输入和显示的文本都在textarea中，则不需要做任何处理。你在textarea中书写的样式会按照你之前编辑的样式正确显示。所以如果需要textarea来编辑提交文本，从后台返回后，没有显示在textarea中，这时就需要考虑处理空格和换行了。其实之前接触的时候完全没有考虑这些问题，也是因为最近的一个项目中有这样一个需求，需要用户在textarea中输入文字，然后显示在提交后以文章的格式页面。不管用户输入多少空格，每段文字默认只缩进2个字符，还要考虑用户上传的诗歌形式，即每段之间可能有两行空格。总而言之，一句话总结就是——去掉用户输入的空格，保留段落之间的换行符。那么我最后的做法是，保存的时候不做任何处理，直接保存到后台。显示时，从后台获取文本后，去掉文本中的所有空格，然后在

标签中显示。这里我用一个小例子来说明textarea在各种情况下的保存和显示。首先，创建一个简单的html页面。为了方便数据的获取和展示，我引入vue来处理数据，给提交按钮绑定一个点击事件。点击确定后，会在下方显示。基本页面结构和js如下：
请输入内容：
提交
显示内容：