Reigelによって提供された回答（承認された回答）のいくつかのバグを修正しました。
- htmlエンティティが置き換えられる順序により、shadow要素で予期しないコードが発生しなくなりました。（元の ">"を "＆ampgt;"に置き換えたため、まれに高さの計算が正しく行われませんでした）。
- テキストが改行で終わっている場合、元のように高さが固定されているのではなく、影に「＃」が追加されます。
- 初期化後にテキスト領域のサイズを変更すると、影の幅が更新されます。
- ワードラップを追加しました：シャドウのブレークワードなので、テキストエリアと同じようにブレークします（非常に長いワードのブレークを強制します）
スペースに関するいくつかの問題が残っています。ダブルスペースの解決策はありません。それらは、シャドウ内のシングルスペースとして表示されます（htmlレンダリング）。＆nbsp;を使用してスペースを区切る必要があるため、これを解決することはできません。また、textareaはスペースの後に行を分割します。そのスペースのためのスペースがない場合、それは前のポイントで行を分割します。提案は大歓迎です。
修正されたコード：
(function ($) {
$.fn.autogrow = function (options) {
var $this, minHeight, lineHeight, shadow, update;
this.filter('textarea').each(function () {
$this = $(this);
minHeight = $this.height();
lineHeight = $this.css('lineHeight');
$this.css('overflow','hidden');
shadow = $('<div></div>').css({
position: 'absolute',
'word-wrap': 'break-word',
top: -10000,
left: -10000,
width: $this.width(),
fontSize: $this.css('fontSize'),
fontFamily: $this.css('fontFamily'),
lineHeight: $this.css('lineHeight'),
resize: 'none'
}).appendTo(document.body);
update = function () {
shadow.css('width', $(this).width());
var val = this.value.replace(/&/g, '&')
.replace(/</g, '<')
.replace(/>/g, '>')
.replace(/\n/g, '<br/>')
.replace(/\s/g,' ');
if (val.indexOf('<br/>', val.length - 5) !== -1) { val += '#'; }
shadow.html(val);
$(this).css('height', Math.max(shadow.height(), minHeight));
};
$this.change(update).keyup(update).keydown(update);
update.apply(this);
});
return this;
};
}(jQuery));