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