使用jQuery修剪textarea中的前导/尾随空格?

前端之家收集整理的这篇文章主要介绍了使用jQuery修剪textarea中的前导/尾随空格?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
以下代码是从数据库放入textarea的文本示例.
  1. <textarea id="inputPane" cols="80" rows="40" class="pane">
  2. <p>
  3. some text here...
  4. </p>
  5. <p>
  6. more text here...
  7. </p>
  8. </textarea>

使用jQuery的.trim删除所有前导和尾随空格的实际jquery代码是什么,并且textarea显示与下面非常类似?

  1. <textarea id="inputPane" cols="80" rows="40" class="pane">
  2. <p>some text here...</p>
  3. <p>more text here...</p>
  4. </textarea>

我已经花了好几个小时没有成功尝试与.trim的不同组合

  1. $('#inputPane')jQuery.trim(string);

解决方法

你可以尝试这样的事情:
  1. jQuery(function(​$) {
  2. var pane = $('#inputPane');
  3. pane.val($.trim(pane.val()).replace(/\s*[\r\n]+\s*/g,'\n')
  4. .replace(/(<[^\/][^>]*>)\s*/g,'$1')
  5. .replace(/\s*(<\/[^>]+>)/g,'$1'));
  6. });​

结果如下:

  1. <p>some text here...</p>
  2. <p>more text here...</p>

虽然这可能不是防弹的,但它应该证明比从textarea的HTML值创建元素更快/更有效.

猜你在找的jQuery相关文章