码迷,mamicode.com
首页 > Web开发 > 详细

ckeditor+angularjs directive

时间:2016-10-25 16:38:48      阅读:192      评论:0      收藏:0      [点我收藏+]

标签:code   select   hang   mode   paste   class   elm   module   end   

var cmsPlus = angular.module(‘cmsPlus‘, []);

cmsPlus.directive(‘ckEditor‘, function() {
  return {
    require: ‘?ngModel‘,
    link: function(scope, elm, attr, ngModel) {
      var ck = CKEDITOR.replace(elm[0]);

      if (!ngModel) return;

      ck.on(‘instanceReady‘, function() {
        ck.setData(ngModel.$viewValue);
      });

      function updateModel() {
          scope.$apply(function() {
              ngModel.$setViewValue(ck.getData());
          });
      }

      ck.on(‘change‘, updateModel);
      ck.on(‘key‘, updateModel);
      ck.on(‘dataReady‘, updateModel);
      ck.on(‘paste‘, updateModel);
      ck.on(‘selectionChange‘, updateModel);

      ngModel.$render = function(value) {
        ck.setData(ngModel.$viewValue);
      };
    }
  };
});

 

ckeditor+angularjs directive

标签:code   select   hang   mode   paste   class   elm   module   end   

原文地址:http://www.cnblogs.com/li-you/p/5997130.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!