http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.dialog.html

ckeditor官网：http://ckeditor.com/

CKSource Docs - The Official Documentation Site

Class CKEDITOR.dialog

Defined in: plugins/dialog/plugin.js.

var dialogObj = new CKEDITOR.dialog( editor, 'smiley' );

dialogObj.reset();

// Full sample plugin, which does not only register a dialog window but also adds an item to the context menu.
// To open the dialog window, choose "Open dialog" in the context menu.
CKEDITOR.plugins.add( 'myplugin',
{
	init: function( editor )
	{
		editor.addCommand( 'mydialog',new CKEDITOR.dialogCommand( 'mydialog' ) );

		if ( editor.contextMenu )
		{
			editor.addMenuGroup( 'mygroup', 10 );
			editor.addMenuItem( 'My Dialog',
			{
				label : 'Open dialog',
				command : 'mydialog',
				group : 'mygroup'
			});
			editor.contextMenu.addListener( function( element )
			{
 				return { 'My Dialog' : CKEDITOR.TRISTATE_OFF };
			});
		}

		CKEDITOR.dialog.add( 'mydialog', function( api )
		{
			// CKEDITOR.dialog.definition
			var dialogDefinition =
			{
				title : 'Sample dialog',
				minWidth : 390,
				minHeight : 130,
				contents : [
					{
						id : 'tab1',
						label : 'Label',
						title : 'Title',
						expand : true,
						padding : 0,
						elements :
						[
							{
								type : 'html',
								html : '<p>This is some sample HTML content.</p>'
							},
							{
								type : 'textarea',
								id : 'textareaId',
								rows : 4,
								cols : 40
							}
						]
					}
				],
				buttons : [ CKEDITOR.dialog.okButton, CKEDITOR.dialog.cancelButton ],
				onOk : function() {
					// "this" is now a CKEDITOR.dialog object.
					// Accessing dialog elements:
					var textareaObj = this.getContentElement( 'tab1', 'textareaId' );
					alert( "You have entered: " + textareaObj.getValue() );
				}
			};

			return dialogDefinition;
		} );
	}
} );

CKEDITOR.replace( 'editor1', { extraPlugins : 'myplugin' } );

Parameters:

{String} name

The dialog's name.

{Function|String} dialogDefinition

A function returning the dialog's definition, or the URL to the .js file holding the function. The function should accept an argument "editor" which is the current editor instance, and return an object conforming to CKEDITOR.dialog.definition.

See:

CKEDITOR.dialog.definition

Parameters:

{String} name

Name of the dialog

{String} title

Title of the dialog

{Number} minWidth

Minimum width of the dialog

{Number} minHeight

Minimum height of the dialog

{Function} onContentLoad Optional

Function called when the iframe has been loaded. If it isn't specified, the inner frame is notified of the dialog events ('load', 'resize', 'ok' and 'cancel') on a function called 'onDialogEvent'

{Object} userDefinition Optional

Additional properties for the dialog definition

{Undefined} userDefinition

 

Parameters:

{String} typeName

The name of the UI element.

{Function} builder

The function to build the UI element.

NO EXAMPLE AVAILABLE

Parameters:

{Undefined} name

 

NO EXAMPLE AVAILABLE

NO EXAMPLE AVAILABLE

Parameters:

{CKEDITOR.dom.element} element

 

{Number} index Optional

 

Parameters:

{Object} contents

Content definition.

Parameters:

{String} id

The id of the button.

Returns:

{Undefined} The return value of the dialog's "click" event.

dialogObj.commitContent();

var timestamp = ( new Date() ).valueOf();
dialogObj.commitContent( timestamp );

NO EXAMPLE AVAILABLE

Parameters:

{String} id

The id of the button.

Parameters:

{String} id

The id of the button.

NO EXAMPLE AVAILABLE

Parameters:

{Function} fn

Function to execute for each UI element.

Returns:

{CKEDITOR.dialog} The current dialog object.

Parameters:

{String} id

The id of the button.

Returns:

{CKEDITOR.ui.dialog.button} The button object.

dialogObj.getContentElement( 'tabId', 'elementId' ).setValue( 'Example' );

Parameters:

{String} pageId

id of dialog page.

{String} elementId

id of UI element.

Returns:

{CKEDITOR.ui.dialog.uiElement} The dialog UI element.

var dialogElement = dialogObj.getElement().getFirst();
dialogElement.setStyle( 'padding', '5px' );

Returns:

{CKEDITOR.dom.element} The <span> element containing this dialog.

var dialogName = dialogObj.getName();

Returns:

{String} The name of this dialog.

NO EXAMPLE AVAILABLE

Returns:

{Number} Page count.

NO EXAMPLE AVAILABLE

Returns:

{CKEDITOR.editor} Parent editor instances.

var dialogX = dialogObj.getPosition().x;

Returns:

{Object} An object with "x" and "y" properties.

NO EXAMPLE AVAILABLE

Returns:

{CKEDITOR.dom.element} The element that was selected, or null.

var width = dialogObj.getSize().width;

Returns:

{Object} An object with "width" and "height" properties.

alert( dialogObj.getValueOf( 'tabId', 'elementId' ) );

Parameters:

{String} pageId

id of dialog page.

{String} elementId

id of UI element.

Returns:

{Object} The value of the UI element.

dialogObj.hide();

dialog.hidePage( 'tab_3' );

Parameters:

{String} id

The page's Id.

NO EXAMPLE AVAILABLE

dialogObj.move( 10, 40 );

Parameters:

{Number} x

The target x-coordinate.

{Number} y

The target y-coordinate.

{Boolean} save

Flag indicate whether the dialog position should be remembered on next open up.

dialogObj.resize( 800, 640 );

Parameters:

{Number} width

The width of the dialog in pixels.

{Number} height

The height of the dialog in pixels.

dialogObj.selectPage( 'tab_1' );

Parameters:

{String} id

The id of the dialog tab to be activated.

dialogObj.setupContent();

var timestamp = ( new Date() ).valueOf();
dialogObj.setupContent( timestamp );

dialogObj.setValueOf( 'tabId', 'elementId', 'Example' );

Parameters:

{String} pageId

id of the dialog page.

{String} elementId

id of the UI element.

{Object} value

The new value of the UI element.

dialogObj.show();

dialog.showPage( 'tab_2' );

Parameters:

{String} id

The page's Id.

NO EXAMPLE AVAILABLE

NO EXAMPLE AVAILABLE

Parameters:

{CKEDITOR.eventInfo} e

The standard event object passed to event listeners.

{Boolean} e.hide

Whether the event should proceed or not.

NO EXAMPLE AVAILABLE

Parameters:

{CKEDITOR.eventInfo} e

The standard event object passed to event listeners.

NO EXAMPLE AVAILABLE

Parameters:

{CKEDITOR.eventInfo} e

The standard event object passed to event listeners.

{Boolean} e.hide

Whether the event should proceed or not.

NO EXAMPLE AVAILABLE

Parameters:

{CKEDITOR.eventInfo} e

The standard event object passed to event listeners.

{CKEDITOR.dialog} e.dialog

The dialog being resized (if it's fired on the dialog itself, this parameter isn't sent).

{String} e.skin

The skin name.

{Number} e.width

The new width.

{Number} e.height

The new height.

NO EXAMPLE AVAILABLE

Parameters:

{CKEDITOR.eventInfo} e

The standard event object passed to event listeners.

{String} e.page

The id of the page that it's gonna be selected.

{String} e.currentPage

The id of the current page.

NO EXAMPLE AVAILABLE

Parameters:

{CKEDITOR.eventInfo} e

The standard event object passed to event listeners.