JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ckeditor.com/apps/ckeditor/4.2.1/ckeditor.js"></script>
<div ng-controller="myCtrl">
    <textarea class="ck-editor" ng-model="text"></textarea>
    <h3>Result HTML:</h3>
    <div ng-bind-html-unsafe="text"></div>
</div>

JavaScript

var myApp = angular.module('myApp', []);

    myApp.directive('ckEditor', [function () {
        return {
            require: '?ngModel',
            restrict: 'C',
            link: function(scope, elm, attr, ngModel) {
              var ck = CKEDITOR.replace(elm[0]);
              
              if (!ngModel) return;
        
              ck.on('pasteState', function() {
                scope.$apply(function() {
                  ngModel.$setViewValue(ck.getData());
                    
                });
              });   
        
              ngModel.$render = function(value) {
                ck.setData(ngModel.$viewValue);
              };
            }
        };
    }]);



var myCtrl = function ($scope) {
    $scope.text = 'this is test';
};