textarea中输入多个空格或者换行时只显示一个空格的解决办法

最近在做一个类似留言板的功能，用户点击评论按钮时出现输入框（textarea），输入文本后点击发布会直接把输入框绑定的值（v-model）传给后端保存，再从后端取出来。
在输入多个空格/多个空白行的情况下，前端读/取都是直接以html形式的字符串实现的，也就是说无论多少个连贯的空格/空白行，都只会在展示该文本的元素内显示为一个空格。
查了一下解决办法：在包裹该展示内容的标签上加上属性“white-space: pre-wrap”即可。

此外还有以下三种方法都可以解决这类问题：

1) 使用转义字符，如" "等，代替手动输入的空格
2）使用全角空格，全角空格被解析为汉字处理
3）使用pre标签包裹文字

textarea中输入多个空格或者换行时只显示一个空格的解决办法相关推荐

处理参数中存在多个连续空格，只显示一个空格，复制后搜索不到得问题
加一个属性white-space:pre; white-space:属性设置如何处理元素内的空白可用的值有: normal:默认,空白会被浏览器忽略 pre:空白会被浏览器保留 nowrap: 文本 ...
linux下在pycharm中安装好搜狗输入法后，打字时输入框显示不出来问题----解决
不是什么技术性问题只要把pycharm的上下拉伸条往下拉就行或者把pycharm的窗口缩小些,这样打字时就能显示出输入框了
在uni-app的textarea中输入纯数字或者英文不换行的问题
在uni-app的textarea中输入纯数字或者英文不换行的问题在工作中遇到的小问题,使用uni-app的textarea,输入了一串纯数字不换行. 解决办法: 在样式中加 word-break: ...
怎样在textarea中输入tab
怎样在textarea中输入tab 在网面上按tab键,会默认切换鼠标焦点,我们只要在这个默认事件发生之前来阻止就可以了. 本例使用了Vue和IView, 但是主要部分用js就可以 html < ...
题目65：一个句子中也许有多个连续空格，过滤掉多余的空格，只留下一个空格。
题目转载:http://python.wzms.com/s/1/65 题目描述: 一个句子中也许有多个连续空格,过滤掉多余的空格,只留下一个空格. 输入格式: 一行,一个字符串(长度不超过200),句 ...
mysql数据中包含不间断空格（ascii值为194和160）解决办法
mysql数据中包含不间断空格(ascii值为194和160)解决办法问题 mysql数据存在这个不间断空格,导致前端显示乱码. 起因字符串中的一个空格(ASCII:32)被UTF-8编码之后变成 ...
统计单词的数量描述输入一个英文句子，以回车符结束，单词间以空格分隔，标点符号后跟至少一个空格，统计并输出单词的个数（仅统计单词，数字按单词计，不计算标点符号，重复单词出现几次就统计几次）。‪‬‪‬
统计单词的数量描述输入一个英文句子,以回车符结束,单词间以空格分隔,标点符号后跟至少一个空格,统计并输出单词的个数(仅统计单词,数字按单词计,不计算标点符号,重复单词出现几次就统计几次).‪‬‪‬ ...
Mac如何删除在磁盘空间中的可清除空间以及Mac开机时进度条卡100%的解决办法
Mac如何删除在磁盘空间中的可清除空间以及Mac开机时进度条卡100%的解决办法 1.Mac如何删除在磁盘空间中的可清除空间对于mac来说磁盘的空间是十分宝贵的,小编会定期的查看一下自己电脑的磁盘使 ...
mysql 5.7 my default_Windows64位mysql5.7以上版本包解压中没有data目录和my-default.ini及服务无法启动的快速解决办法(问题小结)...
LZ初学SQL,本来以为开源的安装很简单,但是中间出现了一些问题,记录下来,希望能帮助到他人. mysql官网下载地址:https://dev.mysql.com/downloads/mysql/点击 ...
Linux系统安装驱动过程中ko文件加载错误（Required key not available）的解决办法
Linux系统安装驱动过程中ko文件加载错误(Required key not available)的解决办法问题描述在Ubuntu上使用CP210x USB转UART设备时需要安装驱动程序(CP ...

textarea中输入多个空格或者换行时只显示一个空格的解决办法

textarea中输入多个空格或者换行时只显示一个空格的解决办法相关推荐

最新文章

热门文章