Skip to content

CERNDocumentServer/cds-videos-angular-schema-ckeditor

Repository files navigation

Angular Schema Form CK Editor Add-on

This is an add-on for Angular Schema Form.

Build Status Bower version

An awesome addition to Schema Form - now you can allow non devs to create bad html!. This add-on uses the CKEditor and an angular adapter to get it working, ckeditor. ng-ckeditor.

Installation

The ckeditor is an add-on to the Bootstrap decorator. To use it, just include bootstrap-ckeditor.min.js after bootstrap-decorator.min.js.

You'll need to load a few additional files to use ckeditor:

  1. CKEditor
  2. ng-ckeditor

Easiest way is to install is with bower, this will also include dependencies:

$ bower install angular-schema-form-ckeditor

Usage

The ckeditor add-on adds a new form type, ckeditor, and a new default mapping.

Form Type Becomes
ckeditor WYSIWYG widget
Schema Default Form type
"type": "string" and "format": "ckeditor" ckeditor

Form Type Options

The ckeditor form type takes an optional 'ckeditor' object. This object represents the configuration options for the editor

Here's an example:

{
  key: "thehtmlwysiwyg",
  ckeditor: {
    skin: 'Moono'
  }
}