AngularJS Metin seçimini yapın ve seçimin başlaması ve bitmesi için html ekleyin

Question

Burada küçük bir ikilem var. Açısal js'de metin editörü yapıyorum. Kullanıcı bir paragrafın metninin bir bölümünü seçer ya da ben

Böylece temelde <strong></strong> veya <em></em> seçilen metni kaydırmak gerekir vb italik/kalın metnin o kısmını stilini değiştirmek gerekir başlığı ben var sorundur, .

Plunker

Ben metin seçimi onun startPosition ve endposition alan bir direktif

editorApp.directive('watchSelection', function() { 
    return function(scope, elem) { 
     elem.on('mouseup', function() { 
      scope.startPosition = elem[0].selectionStart; 
      scope.endPosition = elem[0].selectionEnd; 
      // scope.selected = elem[0].value.substring(start, end); 
      scope.$apply(); 
     }); 
    }; 
}); 

var. Açık düğmesi Ben bu işlevle başarmak umuyorum belirli etiketleri bu seçimi, kaydırmak gerekir tıklatın: açısal I nispeten yeni

$scope.boldText = function(startPosition, endPosition) { 
     $scope.start = startPosition; 
     $scope.end = endPosition; 
     var htmlStart = angular.element('<strong>'); 
     var htmlEnd = angular.element('</strong>'); 

     $scope.start.append(htmlStart); 
     $scope.end.append(htmlEnd); 
    }; 

ve ben işleyebilir daha büyük lokma almış olabilir :)

Sorun, bu etiketlerin içine sarmak için seçim yapamıyorum.

Answer 1

Hiçbir şey izlemenize gerek yoktur. Seçilen metni kalınlaştırır. Bu, seçili metni kalınlaştırır.