大家好,我是名前端自學初學者!
目前想實做一個需求。
- 在一個範圍區塊內使用者文字過多超過兩行才會隱藏多餘文字,並出現顯示更多。
- 不到兩行是不會出現『顯示更多』的字樣的。
遇到的困難,因為使用者有的時候會出現文字中空白的情況所以導致我設定 超過 70 個字元才會出現顯示更多這個判斷是錯誤的,我有試著使用 trim() 用來消除字串的前後空白,但是文字中間的空白又該如何移除呢?
有人說可以使用正則表達式例如:str = str.replace(/\W{2,}/g, " ")
但我沒學過這個不知道該加到我的程式碼中的哪一段~
為此困擾了好幾天,不知道是否有夥伴可以給予協助,謝謝。
這是我的程式碼
https://codepen.io/hong-wei/pen/xxqWWOQ?editors=1010