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

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

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

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

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

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

解决方法

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

结果如下:

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

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

原文链接:https://www.f2er.com/jquery/177453.html

猜你在找的jQuery相关文章