我今天一直在寻找相同的答案,并提出了解决该问题的指令:
angular.module('Module', []).directive("redactor", function() { return { require: '?ngModel', link: function($scope, elem, attrs, controller) { controller.$render = function() { elem.redactor({ keyupCallback: function() { $scope.$apply(controller.$setViewValue(elem.getCode())); }, execCommandCallback: function() { $scope.$apply(controller.$setViewValue(elem.getCode())); } }); elem.setCode(controller.$viewValue); }; } };});
然后,您可以使用以下HTML:
<textarea ng-model="yourModel" redactor></textarea>
每当用户单击工具栏上的按钮时,模型将在每个keyUp上更新。该模型将包含HTML代码。
我刚开始使用AngularJS,所以请让我知道是否有更好的方法来执行此 *** 作,或者是否打破了一些我仍然不知道的约定。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)