CKEditor使用AngularJS设置焦点

时间:2015-11-05 07:46:50

标签: angularjs ckeditor angular-directive

我在AngularJS中使用CKEditor。现在我有一个加载CKEditor实例的页面,但最初隐藏了编辑器。单击按钮时将显示编辑器。编辑器的HTML是从指令加载的。因此,当按钮点击后显示编辑器时,我想集中在Editor的textarea中。

1 个答案:

答案 0 :(得分:0)

您可以使用相关的html属性尝试此指令:

.directive('autofocus', ['$timeout', function($timeout) {
  return {
    restrict: 'A',
    link : function($scope, $element) {
      $timeout(function() {
        $element[0].focus();
      });
    }
  }
}])

<div class="col-xs-11">
    <textarea type="text" autofocus ck-editor id="storyContent" ng-model="story.Content" required="" placeholder="Content" class="form-control" ></textarea>
</div>