ng.ckeditor

CKEditor is a ready-for-use HTML text editor designed to simplify web content creation. It's a WYSIWYG editor that brings common word processor features directly to your web pages. Enhance your website experience with our community maintained editor.

by miamarti

HTML

<script src="//cdn.ckeditor.com/4.4.6/standard/ckeditor.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js"></script>
<script src="http://miamarti.github.io/ng.ckeditor/cdn/ngCkeditor-v2.0.1.js"></script>
<div ng-app="example">
    <div ng-controller="controller">
      <input type="button" value="Disable" ng-click="editorDIsabled=true">
      <input type="button" value="Enable" ng-click="editorDIsabled=false">
      <hr>
      
      <ng-ckeditor 
              ng-model="htmlEditor" 
              ng-disabled="editorDIsabled" 
              skin="moono" 
              remove-buttons="Image" 
              remove-plugins="iframe,flash,smiley">
      </ng-ckeditor>
      
      <hr>
      |{{htmlEditor}}|
    </div>
</div>

JavaScript

angular.module('example', ["ng.ckeditor"]).controller('controller', ['$scope', function($scope) {
  $scope.htmlEditor = '...';
}]);