var editor = CKEDITOR.replace( 'editor1',
	{ toolbar: [['Source', '-', 'Bold', 'Italic', 'Underline', 'Strike', '-', 'Link', '-', 'MyButton']] }
);
editor.on('pluginsLoaded', function (ev) {
	if (!CKEDITOR.dialog.exists('myDialog')) {
		var href = document.location.href.split('/');
		href.pop();
		href.push('api_dialog', 'my_dialog.js');
		href = href.join('/');
		CKEDITOR.dialog.add('myDialog', href);
	}
	editor.addCommand('myDialogCmd', new CKEDITOR.dialogCommand('myDialog'));
	editor.ui.addButton('MyButton',{
		label: 'My Dialog',
		command: 'myDialogCmd'
	});
});

that.ckeditorGet().on('instanceReady', function (ev) {
    that.ckeditorGet().addCommand('myDialogCmd', new CKEDITOR.dialogCommand('myDialog'));
    that.ckeditorGet().ui.addButton('MyButton', {
        label: 'My Dialog',
        command: 'myDialogCmd'
    });
});

CKEDITOR.plugins.add('myplugin',{
    init: function (editor) {
        editor.addCommand('mydialog', new CKEDITOR.dialogCommand('mydialog'));
        editor.ui.addButton('MyButton', {
            label: 'My Dialog',
            command: 'mydialog'
        });

        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;
        });
    }
});