引子
textarea 中的換行格式,在其它地方顯示時,需要保持其原有的換行格式,
- Origin
- My GitHub
換行
textarea 元素支持多行純文本編輯,由于歷史原因,元素的值有三種不同的形式:
- row value 是其原始設定的值,它沒有被標準化,
- API value 是 value 介面定義中使用的值,它是標準化的,因此換行符使用
“LF”(U+000A)字符, - 表單提交的 value,它是標準化的,因此換行符使用
U+000D CARRIAGE RETURN "CRLF" (U+000A)字符對,
關于換行符,見回車和換行,
要按照輸入時格式顯示,方法有:
使用 pre 標簽
<pre> 元素表示預定義格式文本,在該元素中的文本通常按照原樣的編排,以等寬字體的形式展現出來,文本中的空白符(比如空格和換行符)都會顯示出來,
替換換行符
將換行符替換成 br 標簽,以 innerHTML 的方式顯示在元素中,
// windows 下換行是 \r\n, linux 下是 \n, mac 下是 \r
str = str.replace(/[\r\n]/g, '<br />');
這是以上方法的示例,移動端訪問如下:

參考資料
- textarea
純屬瞎扯,如有雷同,純屬巧合,
最近無意間聽到關于地毯作用的另一種解釋,在現在日常生活中,地毯有儲塵和裝飾的作用,但很早之前,據說使用地毯是為了保護大地,擔心人的腳步或動作會傷害到大地,這個想法很自然與人,
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/162506.html
標籤:JavaScript
上一篇:Vue基礎
