html 标签未应用于 angularjs ckeditor 而不是在编辑器中显示 html 元素标签代码

Question

//My controller code

//我正在从数据库中获取值到 angular js ckeditor 但是 html 标签没有在编辑器中应用而不是在编辑器中显示 html 元素标签代码

myApp.directive('ckEditor', [function () {
   return {
    require: '?ngModel',
    link: function ($scope, elm, attr, ngModel) {

     var ck = CKEDITOR.replace(elm[0]);

     ck.on('pasteState', function () {
      $scope.$apply(function () {
       ngModel.$setViewValue(ck.getData());
      });
     });
     ngModel.$render = function () {
      ck.setData(ngModel.$modelValue);
     };
    }
   };
  }])

        myApp.controller('editcontentcontroller', function ($scope, $http)
   {
      $scope.ckEditors;
    $http({ method: 'POST', url: 'pageedit.php' }).success(function (data)
    {
        // response data 
       $scope.id = data[0]['id'];
      $scope.page = data[0]['page'];
      $scope.ckEditors = data[0]['pagecontent'];
     }).
     error(function (data) {
      console.log(data);
     });
  });

Answer 1

将以下内容添加到您的指令中并查看 CKEDITOR 文档

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

CKEDITOR.instanceReady 创建 CKEDITOR 实例时触发，完全初始化并准备好进行交互。

    myApp.directive('ckEditor', function () {
        return {
            require: 'ngModel',
            priority: 10,
            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 () {
                        if (ck.getData().length) {
                            ngModel.$setViewValue(ck.getData());
                        }
                    });
                }

                ck.on('change', updateModel);
                ck.on('key', updateModel);
                ck.on('dataReady', updateModel);
                ck.on('pasteState', updateModel);

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

html 标签未应用于 angularjs ckeditor 而不是在编辑器中显示 html 元素标签代码

html tags are not applying in angularjs ckeditor instead of it is showing html element tag code in ediator

javascript

jquery

angularjs

ckeditor