tinymce.WindowManager

This class handles the creation of native windows and dialogs. This class can be extended to provide for example inline dialogs.

Examples

// Opens a new dialog with the file.htm file and the size 320x240
tinymce.activeEditor.windowManager.openUrl({
  title: 'Custom Dialog',
  url: 'file.htm',
  width: 320,
  height: 240
});

// Displays an alert box using the active editor’s window manager instance
tinymce.activeEditor.windowManager.alert('Hello world!');

// Displays a confirm box. An alert message will display depending on what is chosen in the confirm box.
tinymce.activeEditor.windowManager.confirm('Do you want to do something?', (state) => {
  const message = state ? 'Ok' : 'Cancel';
  tinymce.activeEditor.windowManager.alert(message);
});

Summary

Methods

Name Summary Defined by

alert()

Creates an alert dialog. Do not use the blocking behavior of this native version. Use the callback method instead; then it can be extended.

WindowManager

close()

Closes the top most window.

WindowManager

confirm()

Creates an alert dialog. Do not use the blocking behavior of this native version. Use the callback method instead; then it can be extended.

WindowManager

open()

Opens a new window.

WindowManager

openUrl()

Opens a new window for the specified url.

WindowManager

Methods

alert()

alert(message: String, callback: Function, scope: Object)

Creates an alert dialog. Do not use the blocking behavior of this native version. Use the callback method instead; then it can be extended.

Examples

// Displays an alert box using the active editors window manager instance
tinymce.activeEditor.windowManager.alert('Hello world!');

Parameters

  • message (String) - Text to display in the new alert dialog.

  • callback (Function) - (Optional) Callback function to be executed after the user has selected ok.

  • scope (Object) - (Optional) Scope to execute the callback in.

close()

close()

Closes the top most window.

confirm()

confirm(message: String, callback: Function, scope: Object)

Creates an alert dialog. Do not use the blocking behavior of this native version. Use the callback method instead; then it can be extended.

Examples

// Displays a confirm box and an alert message will be displayed depending on what you choose in the confirm
tinymce.activeEditor.windowManager.confirm('Do you want to do something?', (state) => {
  const message = state ? 'Ok' : 'Cancel';
  tinymce.activeEditor.windowManager.alert(message);
});

Parameters

  • message (String) - Text to display in the new confirm dialog.

  • callback (Function) - (Optional) Callback function to be executed after the user has selected ok or cancel.

  • scope (Object) - (Optional) Scope to execute the callback in.

open()

open(config: Object, params: Object): WindowManager.DialogInstanceApi

Opens a new window.

Parameters

Return value

  • WindowManager.DialogInstanceApi - A new dialog instance.

openUrl()

openUrl(config: Object): WindowManager.UrlDialogInstanceApi

Opens a new window for the specified url.

Parameters

Return value

  • WindowManager.UrlDialogInstanceApi - A new URL dialog instance.