Class: VisualView

Drupal.ckeditor. VisualView

new Drupal.ckeditor.VisualView()

Backbone View for CKEditor toolbar configuration; visual UX.

Extends

  • Backbone.View

Methods

Invokes jQuery.sortable() on new buttons and groups in a CKEditor config.

Handles jQuery Sortable stop sort of a button.

Name Type Description
event jQuery.Event

The event triggered on the button drag.

ui object

A jQuery.ui.sortable argument that contains information about the elements involved in the sort action.

Handles jQuery Sortable stop sort of a button group.

Name Type Description
event jQuery.Event

The event triggered on the group drag.

ui object

A jQuery.ui.sortable argument that contains information about the elements involved in the sort action.

Inserts a button in each row that will add a new CKEditor button group.

Inserts a blank row at the bottom of the CKEditor configuration.

Wraps the invocation of methods to insert blank groups and rows.

onAddGroupButtonClick(event)

Prompts the user to provide a name for a new button group; inserts it.

Name Type Description
event jQuery.Event

The event of the button click.

Handles clicks to a button group name.

Name Type Description
event jQuery.Event

The click event on the button group.

onGroupNamesToggleClick(event)

Handles clicks on the button group names toggle button.

Name Type Description
event jQuery.Event

The click event on the toggle button.

Render function for rendering the toolbar configuration.

Name Type Description
model *

Model used for the view.

value string optional

The value that was changed.

changedAttributes object

The attributes that was changed.

Returns:
Type Description
Drupal.ckeditor.VisualView The Drupal.ckeditor.VisualView object.

Handles jQuery Sortable start sort of a button.

Name Type Description
event jQuery.Event

The event triggered on the group drag.

ui object

A jQuery.ui.sortable argument that contains information about the elements involved in the sort action.