首页 > Web开发 > 详细

ckeditor+angularjs directive

时间:2016-10-25 16:38:14      阅读:343      评论:0      收藏:0      [点我收藏+]
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

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!