텍스트 편집기

Question

안녕하세요 모두 난 변수 동적 AngularJS와이 텍스트 편집기

처럼 만들고 싶어하지만 난 어떤 생각을하시기 바랍니다 전화 나 지시문의 이름 Image 감사합니다 : D

app.directive("richEditor", function() { 
    return { 
     restrict: "A", 
     scope: { 
     variables: "=", 
     ngModel: "=" 
     }, 
     template: "<div>\ 
     <textarea ng-model='ngModel'></textarea>\ 
    <span ng-repeat='variable in variables' ng-click='varSelected(variable)'>{{ variable }}</span>\ 
    </div>", 
     link: function(scope, element, attrs) { 
     var textarea = element.find("textarea"); 
     scope.varSelected = function(variable) { 
      if (!scope.ngModel) { 
      scope.ngModel = ""; 
      } 
      var position = textarea[0].selectionStart; 
      var val = scope.ngModel.substring(0, position) + variable + scope.ngModel.substring(position); 
      scope.ngModel = val; 
     } 
     } 
    } 
    }); 

은를 참조하십시오 여기

Answer 1

이 아마 기존되어 이에 대한 지침,하지만 간단한 예입니다