Negligible Psychological Misery

    angular-ckeditor

    0.3.1 • Public • Published

    angular-ckeditor

    Build Status Dependency Status devDependency Status

    CKEditor directive for Angular.

    Install

    Using bower

    bower install angular-ckeditor

    Usage

    HTML:

    <!-- Load files. -->
    <script src="angular.js"></script>
    <script src="angular-ckeditor.js"></script>
     
    <div ng-controller="CkeditorCtrl">
      <div ckeditor="options" ng-model="content" ready="onReady()"></div>
    </div>

    JavaScript:

    angular.module('controllers.ckeditor', ['ckeditor'])
    .controller('CkeditorCtrl', function ($scope) {
     
      // Editor options.
      $scope.options = {
        language: 'en',
        allowedContent: true,
        entities: false
      };
     
      // Called when the editor is completely ready.
      $scope.onReady = function () {
        // ...
      };
    });

    IMPORTANT NOTICE Angular-ckeditor uses ng-model. If you add an ng-if on the element to whom this directive is attached, changes in the editor won't be forwarded to your code anymore, due to the extra scope created by ng-if. A solution is to explicitely bypass the extra scope : ng-model="$parent.model". See http://stackoverflow.com/questions/18342917/angularjs-ng-model-doesnt-work-inside-ng-if

    "ckeditor" directive

    • "ckeditor" Specify editor options. Accepts an Object.
    • "ng-model" Binded scope variable.
    • "ready" Called when the editor is completely ready. Accepts an Angular expression.
    • Inline editing mode is enabled if element has a contenteditable attribute set to true.

    License

    MIT

    Install

    npm i angular-ckeditor

    DownloadsWeekly Downloads

    36

    Version

    0.3.1

    License

    MIT

    Last publish

    Collaborators

    • neoziro
    • dolmac
    • sachamorard
    • jsfez
    • mbar
    • ludowic
    • offirmo
    • icandivideby0
    • jbustin