关于在项目中保留用户端的手动换行以及无数空格

关于在项目中保留用户端的手动换行以及无数空格

一：保留换行

只需在用户端录入、编辑的地方处理一下输入的内容即可。

this.statusTenExamin.intro = this.statusTenExamin.intro.replace(/\r\n/g,'<br/>').replace(/\n/g,'<br/>').replace(/\s/g,' ');

this.statusTenExamin.intro 为用户输入或编辑的内容。
replace(/\r\n/g,'<br/>').replace(/\n/g,'<br/>').replace(/\s/g, 为转义代码， 将 \n 及 \r 转成 <br/>

这时在前端显示时，纯文本直接以 v-html 显示内容即可直接将 “ <br/ ”转为换行符。，但在input框中时，我们还得把 “<br/”给转化为相应的 换行符.如图，即可。

let reg = new RegExp("<br/>", "g");
this.statusTenExamin.intro = this.statusTenExamin.intro.replace(reg, "\r\n");

二：保留空格

这个就比较简单。 只需加一句样式代码即可。

style="white-space: pre-wrap;"

具体属性可参照下列表格使用。

如果觉得对你有些帮助的话，麻烦点个赞！！！！ 蟹蟹。