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

Question

以下代码是从数据库放入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);

Answer 1

你可以尝试这样的事情:

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值创建元素更快/更有效.