tinymce.ui

tinymce.ui.AbsoluteLayout

LayoutManager for absolute positioning. This layout manager is more of a base class for other layouts but can be created and used directly.

tinymce.ui.Button

This class is used to create buttons. You can create them directly or through the Factory.

tinymce.ui.ButtonGroup

This control enables you to put multiple buttons into a group. This is useful when you want to combine similar toolbar buttons into a group.

tinymce.ui.Collection

Control collection, this class contains control instances and it enables you to perform actions on all the contained items. This is very similar to how jQuery works.

tinymce.ui.ColorBox

This widget lets you enter colors and browse for colors by pressing the color button. It also displays a preview of the current color.

This class creates a color button control. This is a split button in which the main button has a visual representation of the currently selected color. When clicked the caret button displays a color picker, allowing the user to select a new color.

tinymce.ui.ColorPicker

Color picker widget lets you select colors.

tinymce.ui.ComboBox

This class creates a combobox control. Select box that you select a value from or type a value into.

tinymce.ui.Container

Container control. This is extended by all controls that can have children such as panels etc. You can also use this class directly as an generic container instance. The container doesn't have any specific role or style.

tinymce.ui.Control

This is the base class for all controls and containers. All UI control instances inherit from this one as it has the base logic needed by all of them.

tinymce.ui.DragHelper

Drag/drop helper class.

tinymce.ui.DropZone

Creates a new dropzone.

tinymce.ui.ElementPath

This control creates an path for the current selections parent elements in TinyMCE.

tinymce.ui.Factory

This class is a factory for control instances. This enables you to create instances of controls without having to require the UI controls directly. It also allow you to override or add new control types.

tinymce.ui.FieldSet

This class creates fieldset containers.

tinymce.ui.FilePicker

This class creates a file picker control.

tinymce.ui.FitLayout

This layout manager will resize the control to be the size of it's parent container. In other words width: 100% and height: 100%.

tinymce.ui.FlexLayout

This layout manager works similar to the CSS flex box.

tinymce.ui.FloatPanel

This class creates a floating panel.

tinymce.ui.FlowLayout

This layout manager will place the controls by using the browsers native layout.

tinymce.ui.Form

This class creates a form container. A form container has the ability to automatically wrap items in tinymce.ui.FormItem instances. Each FormItem instance is a container for the label and the item.

tinymce.ui.FormItem

This class is a container created by the form element with a label and control item.

tinymce.ui.GridLayout

This layout manager places controls in a grid.

tinymce.ui.Iframe

This class creates an iframe.

tinymce.ui.InfoBox

....

tinymce.ui.KeyboardNavigation

This class handles keyboard navigation of controls and elements.

tinymce.ui.Label

This class creates a label element. A label is a simple text control that can be bound to other controls.

tinymce.ui.Layout

Base layout manager class.

tinymce.ui.ListBox

Creates a new list box control.

tinymce.ui.Menu

Creates a new menu.

tinymce.ui.MenuBar

Creates a new menubar.

tinymce.ui.MenuButton

Creates a new menu button.

tinymce.ui.MenuItem

Creates a new menu item.

tinymce.ui.MessageBox

This class is used to create MessageBoxes like alerts/confirms etc.

tinymce.ui.Movable

Movable mixin. Makes controls movable absolute and relative to other elements.

tinymce.ui.Notification

Creates a notification instance.

tinymce.ui.Panel

Creates a new panel.

tinymce.ui.PanelButton

Creates a new panel button.

tinymce.ui.Path

Creates a new path control.

tinymce.ui.Progress

Progress control.

tinymce.ui.Radio

Creates a new radio button.

tinymce.ui.ReflowQueue

This class will automatically reflow controls on the next animation frame within a few milliseconds on older browsers. If the user manually reflows then the automatic reflow will be cancelled. This class is used internally when various control states changes that triggers a reflow.

Except as otherwise noted, the content of this page is licensed under the Creative Commons BY-NC-SA 3.0 License, and code samples are licensed under the Apache 2.0 License.