資訊專(zhuān)欄INFORMATION COLUMN
摘要：在輸入多個(gè)空格多個(gè)空白行的情況下，前端讀取都是直接以形式的字符串實(shí)現(xiàn)的，也就是說(shuō)無(wú)論多少個(gè)連貫的空格空白行，都只會(huì)在展示該文本的元素內(nèi)顯示為一個(gè)空格。
最近在做一個(gè)類(lèi)似留言板的功能，用戶(hù)點(diǎn)擊評(píng)論按鈕時(shí)出現(xiàn)輸入框（textarea），輸入文本后點(diǎn)擊發(fā)布會(huì)直接把輸入框綁定的值（v-model）傳給后端保存，再?gòu)暮蠖巳〕鰜?lái)。
在輸入多個(gè)空格/多個(gè)空白行的情況下，前端讀/取都是直接以html形式的字符串實(shí)現(xiàn)的，也就是說(shuō)無(wú)論多少個(gè)連貫的空格/空白行，都只會(huì)在展示該文本的元素內(nèi)顯示為一個(gè)空格。
查了一下解決辦法：在包裹該展示內(nèi)容的標(biāo)簽上加上屬性“white-space: pre-wrap”即可。
此外還有以下三種方法都可以解決這類(lèi)問(wèn)題：
1) 使用轉(zhuǎn)義字符，如" "等，代替手動(dòng)輸入的空格
2）使用全角空格，全角空格被解析為漢字處理
3）使用pre標(biāo)簽包裹文字
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/114341.html
摘要：雖然效果一樣，但是這兩種換行的方式使用起來(lái)卻不同。使用換行這種方式用起來(lái)比較坑，所以本文章的重點(diǎn)就是這一部分。因?yàn)橹爸缽椏蛑幸獙?shí)現(xiàn)換行，只能通過(guò)的方式，而不能通過(guò)的方式。在元素上使用等方式，發(fā)現(xiàn)都是可以實(shí)現(xiàn)換行的。 前言 最近遇到這樣一個(gè)需求：需要在頁(yè)面中顯示一段第三方文本信息。這些文本完全由第三方自己定義，我們負(fù)責(zé)顯示在頁(yè)面即可，第三方要求這些文本需要換行顯示即可。 我們都知道在...
摘要：顯示的時(shí)候，從后臺(tái)獲取到文本之后，去掉文中的所有空格，然后顯示在標(biāo)簽里面。這里我用一個(gè)小例子來(lái)示意一下在各種情況下的保存和顯示。首先嘗試，去掉所有的空格，首先想到的就是方法。 當(dāng)我們使用 textarea 在前臺(tái)編輯文字，并用 js 提交到后臺(tái)的時(shí)候，空格和換行是我們最需要考慮的問(wèn)題。在textarea 里面，空格和換行會(huì)被保存為/s和/n，如果我們前臺(tái)輸入和前臺(tái)顯示的文字都是在 te...
摘要：顯示的時(shí)候，從后臺(tái)獲取到文本之后，去掉文中的所有空格，然后顯示在標(biāo)簽里面。這里我用一個(gè)小例子來(lái)示意一下在各種情況下的保存和顯示。首先嘗試，去掉所有的空格，首先想到的就是方法。 當(dāng)我們使用 textarea 在前臺(tái)編輯文字，并用 js 提交到后臺(tái)的時(shí)候，空格和換行是我們最需要考慮的問(wèn)題。在textarea 里面，空格和換行會(huì)被保存為/s和/n，如果我們前臺(tái)輸入和前臺(tái)顯示的文字都是在 te...
摘要：輸入框首尾清除空格在中監(jiān)聽(tīng)鍵盤(pán)事件移動(dòng)端底部被彈出的鍵盤(pán)遮擋輸入框是通過(guò)一直放在頁(yè)面底部，當(dāng)點(diǎn)擊進(jìn)行輸入的時(shí)候，就會(huì)出現(xiàn)如下圖片情況有的機(jī)型會(huì)遮擋一些。 前言 input是我們接受來(lái)自用戶(hù)的數(shù)據(jù)常用標(biāo)簽，在前端開(kāi)發(fā)中，相信每個(gè)人都會(huì)用到這個(gè)標(biāo)簽，所以在開(kāi)發(fā)過(guò)程中也時(shí)候也會(huì)遇到一些問(wèn)題，本文的內(nèi)容是我在跟input相愛(ài)相殺過(guò)程中產(chǎn)生的，在此記錄分享一下。如果喜歡的話可以點(diǎn)波贊/關(guān)注，支持...
摘要：輸入框首尾清除空格在中監(jiān)聽(tīng)鍵盤(pán)事件移動(dòng)端底部被彈出的鍵盤(pán)遮擋輸入框是通過(guò)一直放在頁(yè)面底部，當(dāng)點(diǎn)擊進(jìn)行輸入的時(shí)候，就會(huì)出現(xiàn)如下圖片情況有的機(jī)型會(huì)遮擋一些。 前言 input是我們接受來(lái)自用戶(hù)的數(shù)據(jù)常用標(biāo)簽，在前端開(kāi)發(fā)中，相信每個(gè)人都會(huì)用到這個(gè)標(biāo)簽，所以在開(kāi)發(fā)過(guò)程中也時(shí)候也會(huì)遇到一些問(wèn)題，本文的內(nèi)容是我在跟input相愛(ài)相殺過(guò)程中產(chǎn)生的，在此記錄分享一下。如果喜歡的話可以點(diǎn)波贊/關(guān)注，支持...
閱讀 3215·2021-11-24 09:39
閱讀 2944·2021-11-23 09:51
閱讀 899·2021-11-18 10:07
閱讀 3550·2021-10-11 10:57
閱讀 2757·2021-10-08 10:04
閱讀 3010·2021-09-26 10:11
閱讀 1056·2021-09-23 11:21
閱讀 2798·2019-08-29 17:28
