Implementacja pola tekstowego z możliwością zmiany rozmiaru?

Potrzebowałem ostatnio podobnej funkcjonalności. Nazywa się Autogrow i jest to Plugin niesamowitej biblioteki jQuery

Na początku wierzyłem, że jest to wbudowana funkcja Wysiwym edytor Markdown , ale Shog9 ma rację: to nie jest pieczony w ogóle, ale jest dzięki uprzejmości jQuery Plugin TextAreaResizer (byłem prowadzić na manowce przez przeglądarkę używał sprawdzić na Demo edytora ponieważ Google Chrome sam dodaje rozszerzalną funkcjonalność na textareas-podobnie jak przeglądarka Safari robi).

Używając AngularJS:

angular.module('app').directive('textarea', function() {
  return {
    restrict: 'E',
    controller: function($scope, $element) {
      $element.css('overflow-y','hidden');
      $element.css('resize','none');
      resetHeight();
      adjustHeight();

      function resetHeight() {
        $element.css('height', 0 + 'px');
      }

      function adjustHeight() {
        var height = angular.element($element)[0]
          .scrollHeight + 1;
        $element.css('height', height + 'px');
        $element.css('max-height', height + 'px');
      }

      function keyPress(event) {
        // this handles backspace and delete
        if (_.contains([8, 46], event.keyCode)) {
          resetHeight();
        }
        adjustHeight();
      }

      $element.bind('keyup change blur', keyPress);

    }
  };
});

To przekształci wszystkie twoje teksty, aby rosły/kurczyły się. Jeśli chcesz, aby tylko konkretne teksty rosły/zmniejszały się-zmień górną część, aby czytała się tak:

angular.module('app').directive('expandingTextarea', function() {
  return {
    restrict: 'A',

A co z tym, jego pracą

<textarea oninput='this.style.height = "";this.style.height = this.scrollHeight + "px"'></textarea>