Ckeditor
This component has dependency. Read the below section for more information.

Dependency

This component depends on Ckeditor 5. Be sure to include it on your page.

<script src="https://cdn.ckeditor.com/ckeditor5/11.0.1/classic/ckeditor.js">

Configuration

Setting the configuration of CKEditor, is not related to Regate. You should customize it via the the plugin itself. 

ClassicEditor.defaultConfig = {
  toolbar: [ 'heading', '|', 'bold', 'italic' ]
}

Styling

Regate won't apply any style to the component. So you need to style it yourself. For example:

.ck-editor__editable {
  min-height: 400px;
}

Basic #

This is the most basic usage of RegateCkeditor. 

Regate.RegateCkeditor.init({
  id: 'basic-example',
  name: 'Biography',
})

Value #

With value property you can set an initial value for your field. 

Regate.RegateCkeditor.init({
  id: 'value-example',
  name: 'Biography',
  value: '<b>Hello</b> World',
})