CKEditor Ecosystem Documentation
Search
Home/CKEditor 5/API
Module

ui/labeledview/utils

@ckeditor/ckeditor5-ui/src/labeledview/utils

module

Filtering

Functions

  • createLabeledDropdown( labeledView, viewUid, statusUid ) → DropdownView

    static

    A helper for creating labeled dropdowns.

    See source

    It creates an instance of a dropdown that is logically related to a labeled view.

    The helper does the following:

    • It sets dropdown's id and ariaDescribedById attributes.
    • It binds input's isEnabled to the labeled view.

    Usage:

    const labeledInputView = new LabeledView( locale, createLabeledDropdown );
console.log( labeledInputView.view ); // A dropdown instance.

    Parameters

    labeledView : LabeledView

    The instance of the labeled view.

    viewUid : String

    An UID string that allows DOM logical connection between the labeled view label and the dropdown.

    statusUid : String

    An UID string that allows DOM logical connection between the labeled view status and the dropdown.

    Returns

    DropdownView

    The dropdown view instance.

  • createLabeledInputText( labeledView, viewUid, statusUid ) → InputTextView

    static

    A helper for creating labeled inputs.

    See source

    It creates an instance of a input text that is logically related to a labeled view in DOM.

    The helper does the following:

    • It sets input's id and ariaDescribedById attributes.
    • It binds input's isReadOnly to the labeled view.
    • It binds input's hasError to the labeled view.
    • It enables a logic that cleans up the error when user starts typing in the input..

    Usage:

    const labeledInputView = new LabeledView( locale, createLabeledDropdown );
console.log( labeledInputView.view ); // An input instance.

    Parameters

    labeledView : LabeledView

    The instance of the labeled view.

    viewUid : String

    An UID string that allows DOM logical connection between the labeled view's label and the input.

    statusUid : String

    An UID string that allows DOM logical connection between the labeled view's status and the input.

    Returns

    InputTextView

    The input text view instance.