textarea 換行處理

引子

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

純屬瞎扯，如有雷同，純屬巧合。

最近無意間聽到關於地毯作用的另一種解釋。在現在日常生活中，地毯有儲塵和裝飾的作用。但很早之前，據說使用地毯是為了保護大地，擔心人的腳步或動作會傷害到大地。這個想法很自然與人。