怎么在textarea中处理换行和空格-创新互联
本篇文章给大家分享的是有关怎么在textarea中处理换行和空格，小编觉得挺实用的，因此分享给大家学习，希望大家阅读完这篇文章后可以有所收获，话不多说，跟着小编一起来看看吧。
创新互联专业为企业提供
华阴网站建设、华阴做网站、华阴网站设计、华阴网站制作等企业网站建设、网页设计与制作、华阴企业网站模板建站服务，十余年
华阴做网站经验，不只是建网站，更提供有价值的思路和整体网络服务。
请输入内容：
显示的内容：
// js部分
const vm = new Vue({
el:'#app',
data:{
text1:'',
text2:''
},
methods:{
submitText(){
this.text2 = this.text1;
}
}
})
不处理空格和换行 显示在 textarea 里面
这一步就很简单了，直接点击提交，可以看到效果，如下图。在未做任何处理的情况下，保留了所有的空格和换行，适合保存再编辑。
不处理空格和换行 显示在 div 里面
把刚刚第二个 textarea 替换成 div ，效果如下图。可以看到空格和换行符都没有被处理出来，直接被忽略掉了。
请输入内容：
提交
显示的内容：
{{text2}}
不处理空格和换行 显示在 pre 标签里面
将 div 替换成 pre 标签，将提交的文本显示在 pre 标签里面。pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符，他比较常见的应用就是用来显示代码，在技术网站和博客的页面里面，pre 标签都是用来包裹代码块的。
可以从下图的效果看出，pre 标签也可以完全实现保留用户所输入的空格和换行，看上去似乎能够达到我的基本需求了。那么接下来的问题就是，如何去掉空格，并且实现自动缩进2个字符。
请输入内容：
提交
显示的内容：
{{text2}}
以上就是怎么在textarea中处理换行和空格，小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注创新互联行业资讯频道。
