更改Kendo / Angular rich编辑器的背景颜色

时间:2015-06-15 18:03:32

标签: angularjs kendo-ui

In this plunk我正在尝试更改KendoEditor小部件的背景颜色(请参阅API参考here)。不过,背景颜色不会改变。这段代码出了什么问题?

HTML

  <div class="box">
     <textarea kendo-editor="editor" ng-model="text"></textarea>
  </div>

的Javascript

var app = angular.module("app", [ "kendo.directives" ]);

app.controller('myCtrl', function($scope) {

    $scope.$on("kendoWidgetCreated", function(event, widget){
          if (widget === $scope.editor) {
                  $scope.editor.body.style.backgroundColor = "#f00";
                  $scope.editor.refresh();
              }
          });
});

2 个答案:

答案 0 :(得分:0)

你可以试试这个: 把id说,'编辑'给textarea,获取它的数据,然后应用样式

var editor = $(“#editor”)。data(“kendoEditor”); editor.body.style.backgroundColor =“#f00”;

答案 1 :(得分:0)

因为您刷新它,尝试删除$scope.editor.refresh();。当我试穿你的插件时工作正常