＜pre＞标签，让＜textarea＞标签的内容原样输出，去除字符串前后空格

当通过<textarea>插数据进数据的库，取出来后都变成一行变成，用这个<pre>标签能原样输入插入时的格式

当时要对<pre>加一些CSS样式才行啦。

<style>
			pre {
				white-space: pre-wrap;       /* css-3 */
				white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
				white-space: -pre-wrap;      /* Opera 4-6 */
				white-space: -o-pre-wrap;    /* Opera 7 */
				word-wrap: break-word;       /* Internet Explorer 5.5+ */
				word-break:break-all;
				overflow:hidden;
			}
		</style>

该CSS方案可让pre标签内的文本自动换行，我在我有的浏览器上都测试了一下，全部支持，IE6，IE7, IE8, Firefox, Opera, Safari和Chrome。
仅当你把窗口缩小到小于20个字符的宽度的时候，才会超出边界

去除首尾空格

a.replace(/(^\s*)|(\s*$)/g,'');

string.trim();

/*trim() 方法用于删除字符串的头尾空白符，空白符包括：空格、制表符 tab、换行符等其他空白符等。

trim() 方法不会改变原始字符串。

trim() 方法不适用于 null, undefined, Number 类型。*/

textarea处理：

页面提交时：

 var getValue=$("#dangersState").val();
 var endValue=(getValue.replace(/<(.+?)>/gi,"&lt;$1&gt;")).replace(/\n/gi,"<br>");

从数据库获取并显示在textarea时：

String.prototype.replaceAll = function(s1,s2) { 
		    return this.replace(new RegExp(s1,"gm"),s2); 
		}
 $("#dangersState").val($("#dangersState").val().replaceAll("<br>","\n"));

以文本显示

 $("#dangersState").html($("#dangersState").text());

<td id="dangersState" colspan="3"></td>

w3c对pre元素是这样定义的：pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。
更详细的内容请参考 http://www.w3school.com.cn/tags/tag_pre.asp


本文链接：https://blog.csdn.net/z69183787/article/details/8488275