ckeditor 3.4.3 → 3.5.0

data/lib/generators/ckeditor/base/templates/ckeditor/_source/plugins/richcombo/plugin.js

@@ -0,0 +1,371 @@
+/*
+Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.html or http://ckeditor.com/license
+*/
+
+CKEDITOR.plugins.add( 'richcombo',
+{
+	requires : [ 'floatpanel', 'listblock', 'button' ],
+
+	beforeInit : function( editor )
+	{
+		editor.ui.addHandler( CKEDITOR.UI_RICHCOMBO, CKEDITOR.ui.richCombo.handler );
+	}
+});
+
+/**
+ * Button UI element.
+ * @constant
+ * @example
+ */
+CKEDITOR.UI_RICHCOMBO = 3;
+
+CKEDITOR.ui.richCombo = CKEDITOR.tools.createClass(
+{
+	$ : function( definition )
+	{
+		// Copy all definition properties to this object.
+		CKEDITOR.tools.extend( this, definition,
+			// Set defaults.
+			{
+				title : definition.label,
+				modes : { wysiwyg : 1 }
+			});
+
+		// We don't want the panel definition in this object.
+		var panelDefinition = this.panel || {};
+		delete this.panel;
+
+		this.id = CKEDITOR.tools.getNextNumber();
+
+		this.document = ( panelDefinition
+							&& panelDefinition.parent
+							&& panelDefinition.parent.getDocument() )
+						|| CKEDITOR.document;
+
+		panelDefinition.className = ( panelDefinition.className || '' ) + ' cke_rcombopanel';
+		panelDefinition.block =
+		{
+			multiSelect : panelDefinition.multiSelect,
+			attributes : panelDefinition.attributes
+		};
+
+		this._ =
+		{
+			panelDefinition : panelDefinition,
+			items : {},
+			state : CKEDITOR.TRISTATE_OFF
+		};
+	},
+
+	statics :
+	{
+		handler :
+		{
+			create : function( definition )
+			{
+				return new CKEDITOR.ui.richCombo( definition );
+			}
+		}
+	},
+
+	proto :
+	{
+		renderHtml : function( editor )
+		{
+			var output = [];
+			this.render( editor, output );
+			return output.join( '' );
+		},
+
+		/**
+		 * Renders the combo.
+		 * @param {CKEDITOR.editor} editor The editor instance which this button is
+		 *		to be used by.
+		 * @param {Array} output The output array to which append the HTML relative
+		 *		to this button.
+		 * @example
+		 */
+		render : function( editor, output )
+		{
+			var env = CKEDITOR.env;
+
+			var id = 'cke_' + this.id;
+			var clickFn = CKEDITOR.tools.addFunction( function( $element )
+				{
+					var _ = this._;
+
+					if ( _.state == CKEDITOR.TRISTATE_DISABLED )
+						return;
+
+					this.createPanel( editor );
+
+					if ( _.on )
+					{
+						_.panel.hide();
+						return;
+					}
+
+					this.commit();
+					var value = this.getValue();
+					if ( value )
+						_.list.mark( value );
+					else
+						_.list.unmarkAll();
+
+					_.panel.showBlock( this.id, new CKEDITOR.dom.element( $element ), 4 );
+				},
+				this );
+
+			var instance = {
+				id : id,
+				combo : this,
+				focus : function()
+				{
+					var element = CKEDITOR.document.getById( id ).getChild( 1 );
+					element.focus();
+				},
+				clickFn : clickFn
+			};
+
+			editor.on( 'mode', function()
+				{
+					this.setState( this.modes[ editor.mode ] ? CKEDITOR.TRISTATE_OFF : CKEDITOR.TRISTATE_DISABLED );
+				},
+				this );
+
+			var keyDownFn = CKEDITOR.tools.addFunction( function( ev, element )
+				{
+					ev = new CKEDITOR.dom.event( ev );
+
+					var keystroke = ev.getKeystroke();
+					switch ( keystroke )
+					{
+						case 13 :	// ENTER
+						case 32 :	// SPACE
+						case 40 :	// ARROW-DOWN
+							// Show panel
+							CKEDITOR.tools.callFunction( clickFn, element );
+							break;
+						default :
+							// Delegate the default behavior to toolbar button key handling.
+							instance.onkey( instance,  keystroke );
+					}
+
+					// Avoid subsequent focus grab on editor document.
+					ev.preventDefault();
+				});
+
+			// For clean up
+			instance.keyDownFn = keyDownFn;
+
+			output.push(
+				'<span class="cke_rcombo">',
+				'<span id=', id );
+
+			if ( this.className )
+				output.push( ' class="', this.className, ' cke_off"');
+
+			output.push(
+				'>',
+					'<span id="' + id+ '_label" class=cke_label>', this.label, '</span>',
+					'<a hidefocus=true title="', this.title, '" tabindex="-1"',
+						env.gecko && env.version >= 10900 && !env.hc ? '' : ' href="javascript:void(\'' + this.label + '\')"',
+						' role="button" aria-labelledby="', id , '_label" aria-describedby="', id, '_text" aria-haspopup="true"' );
+
+			// Some browsers don't cancel key events in the keydown but in the
+			// keypress.
+			// TODO: Check if really needed for Gecko+Mac.
+			if ( CKEDITOR.env.opera || ( CKEDITOR.env.gecko && CKEDITOR.env.mac ) )
+			{
+				output.push(
+					' onkeypress="return false;"' );
+			}
+
+			// With Firefox, we need to force it to redraw, otherwise it
+			// will remain in the focus state.
+			if ( CKEDITOR.env.gecko )
+			{
+				output.push(
+					' onblur="this.style.cssText = this.style.cssText;"' );
+			}
+
+			output.push(
+					' onkeydown="CKEDITOR.tools.callFunction( ', keyDownFn, ', event, this );"' +
+					' onclick="CKEDITOR.tools.callFunction(', clickFn, ', this); return false;">' +
+						'<span>' +
+							'<span id="' + id + '_text" class="cke_text cke_inline_label">' + this.label + '</span>' +
+						'</span>' +
+						'<span class=cke_openbutton>' + ( CKEDITOR.env.hc ? '<span>&#9660;</span>' : CKEDITOR.env.air ?  '&nbsp;' : '' ) + '</span>' +	// BLACK DOWN-POINTING TRIANGLE
+					'</a>' +
+				'</span>' +
+				'</span>' );
+
+			if ( this.onRender )
+				this.onRender();
+
+			return instance;
+		},
+
+		createPanel : function( editor )
+		{
+			if ( this._.panel )
+				return;
+
+			var panelDefinition = this._.panelDefinition,
+				panelBlockDefinition = this._.panelDefinition.block,
+				panelParentElement = panelDefinition.parent || CKEDITOR.document.getBody(),
+				panel = new CKEDITOR.ui.floatPanel( editor, panelParentElement, panelDefinition ),
+				list = panel.addListBlock( this.id, panelBlockDefinition ),
+				me = this;
+
+			panel.onShow = function()
+				{
+					if ( me.className )
+						this.element.getFirst().addClass( me.className + '_panel' );
+
+					me.setState( CKEDITOR.TRISTATE_ON );
+
+					list.focus( !me.multiSelect && me.getValue() );
+
+					me._.on = 1;
+
+					if ( me.onOpen )
+						me.onOpen();
+				};
+
+			panel.onHide = function( preventOnClose )
+				{
+					if ( me.className )
+						this.element.getFirst().removeClass( me.className + '_panel' );
+
+					me.setState( me.modes && me.modes[ editor.mode ] ? CKEDITOR.TRISTATE_OFF : CKEDITOR.TRISTATE_DISABLED );
+
+					me._.on = 0;
+
+					if ( !preventOnClose && me.onClose )
+						me.onClose();
+				};
+
+			panel.onEscape = function()
+				{
+					panel.hide();
+					me.document.getById( 'cke_' + me.id ).getFirst().getNext().focus();
+				};
+
+			list.onClick = function( value, marked )
+				{
+					// Move the focus to the main windows, otherwise it will stay
+					// into the floating panel, even if invisible, and Safari and
+					// Opera will go a bit crazy.
+					me.document.getWindow().focus();
+
+					if ( me.onClick )
+						me.onClick.call( me, value, marked );
+
+					if ( marked )
+						me.setValue( value, me._.items[ value ] );
+					else
+						me.setValue( '' );
+
+					panel.hide();
+				};
+
+			this._.panel = panel;
+			this._.list = list;
+
+			panel.getBlock( this.id ).onHide = function()
+				{
+					me._.on = 0;
+					me.setState( CKEDITOR.TRISTATE_OFF );
+				};
+
+			if ( this.init )
+				this.init();
+		},
+
+		setValue : function( value, text )
+		{
+			this._.value = value;
+
+			var textElement = this.document.getById( 'cke_' + this.id + '_text' );
+
+			if ( !( value || text ) )
+			{
+				text = this.label;
+				textElement.addClass( 'cke_inline_label' );
+			}
+			else
+				textElement.removeClass( 'cke_inline_label' );
+
+			textElement.setHtml( typeof text != 'undefined' ? text : value );
+		},
+
+		getValue : function()
+		{
+			return this._.value || '';
+		},
+
+		unmarkAll : function()
+		{
+			this._.list.unmarkAll();
+		},
+
+		mark : function( value )
+		{
+			this._.list.mark( value );
+		},
+
+		hideItem : function( value )
+		{
+			this._.list.hideItem( value );
+		},
+
+		hideGroup : function( groupTitle )
+		{
+			this._.list.hideGroup( groupTitle );
+		},
+
+		showAll : function()
+		{
+			this._.list.showAll();
+		},
+
+		add : function( value, html, text )
+		{
+			this._.items[ value ] = text || value;
+			this._.list.add( value, html, text );
+		},
+
+		startGroup : function( title )
+		{
+			this._.list.startGroup( title );
+		},
+
+		commit : function()
+		{
+			if ( !this._.committed )
+			{
+				this._.list.commit();
+				this._.committed = 1;
+				CKEDITOR.ui.fire( 'ready', this );
+			}
+			this._.committed = 1;
+		},
+
+		setState : function( state )
+		{
+			if ( this._.state == state )
+				return;
+
+			this.document.getById( 'cke_' + this.id ).setState( state );
+
+			this._.state = state;
+		}
+	}
+});
+
+CKEDITOR.ui.prototype.addRichCombo = function( name, definition )
+{
+	this.add( name, CKEDITOR.UI_RICHCOMBO, definition );
+};

data/lib/generators/ckeditor/base/templates/ckeditor/_source/plugins/scayt/dialogs/options.js

@@ -0,0 +1,534 @@
+/*
+Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.html or http://ckeditor.com/license
+*/
+
+CKEDITOR.dialog.add( 'scaytcheck', function( editor )
+{
+	var firstLoad = true,
+		captions,
+		doc = CKEDITOR.document,
+		tags = [],
+		i,
+		contents = [],
+		userDicActive = 0,
+		dic_buttons = [
+			// [0] contains buttons for creating
+			"dic_create,dic_restore",
+			// [1] contains buton for manipulation
+			"dic_rename,dic_delete"
+		],
+		optionsIds = [ 'mixedCase', 'mixedWithDigits', 'allCaps', 'ignoreDomainNames' ];
+
+	// common operations
+
+	function getBOMAllOptions()
+	{
+		 return document.forms.optionsbar["options"];
+	}
+	function getBOMAllLangs()
+	{
+		 return document.forms.languagesbar["scayt_lang"];
+	}
+
+	function setCheckedValue( radioObj, newValue )
+	{
+		if ( !radioObj )
+			return;
+		var radioLength = radioObj.length;
+		if ( radioLength == undefined )
+		{
+			radioObj.checked = radioObj.value == newValue.toString();
+			return;
+		}
+		for ( var i = 0; i < radioLength; i++ )
+		{
+			radioObj[i].checked = false;
+			if ( radioObj[i].value == newValue.toString() )
+				radioObj[i].checked = true;
+		}
+	}
+
+	var lang = editor.lang.scayt;
+	var tags_contents =  [
+				{
+					id : 'options',
+					label : lang.optionsTab,
+					elements : [
+						{
+							type : 'html',
+							id : 'options',
+							html : 	'<form name="optionsbar"><div class="inner_options">' +
+									'	<div class="messagebox"></div>' +
+									'	<div style="display:none;">' +
+									'		<input type="checkbox" name="options"  id="allCaps" />' +
+									'		<label for="allCaps" id="label_allCaps"></label>' +
+									'	</div>' +
+									'	<div style="display:none;">' +
+									'		<input name="options" type="checkbox"  id="ignoreDomainNames" />' +
+									'		<label for="ignoreDomainNames" id="label_ignoreDomainNames"></label>' +
+									'	</div>' +
+									'	<div style="display:none;">' +
+									'	<input name="options" type="checkbox"  id="mixedCase" />' +
+									'		<label for="mixedCase" id="label_mixedCase"></label>' +
+									'	</div>' +
+									'	<div style="display:none;">' +
+									'		<input name="options" type="checkbox"  id="mixedWithDigits" />' +
+									'		<label for="mixedWithDigits" id="label_mixedWithDigits"></label>' +
+									'	</div>' +
+									'</div></form>'
+						}
+					]
+				},
+				{
+					id : 'langs',
+					label : lang.languagesTab,
+					elements : [
+						{
+							type : 'html',
+							id : 'langs',
+							html : 	'<form name="languagesbar"><div class="inner_langs">' +
+									'	<div class="messagebox"></div>	' +
+									'   <div style="float:left;width:45%;margin-left:5px;" id="scayt_lcol" ></div>' +
+									'   <div style="float:left;width:45%;margin-left:15px;" id="scayt_rcol"></div>' +
+									'</div></form>'
+						}
+					]
+				},
+				{
+					id : 'dictionaries',
+					label : lang.dictionariesTab,
+					elements : [
+						{
+							type : 'html',
+							style: '',
+							id : 'dictionaries',
+							html : 	'<form name="dictionarybar"><div class="inner_dictionary" style="text-align:left; white-space:normal; width:320px; overflow: hidden;">' +
+									'	<div style="margin:5px auto; width:80%;white-space:normal; overflow:hidden;" id="dic_message"> </div>' +
+									'	<div style="margin:5px auto; width:80%;white-space:normal;"> ' +
+									'       <span class="cke_dialog_ui_labeled_label" >Dictionary name</span><br>'+
+									'		<span class="cke_dialog_ui_labeled_content" >'+
+									'			<div class="cke_dialog_ui_input_text">'+
+									'				<input id="dic_name" type="text" class="cke_dialog_ui_input_text"/>'+
+									'		</div></span></div>'+
+									'		<div style="margin:5px auto; width:80%;white-space:normal;">'+
+									'			<a style="display:none;" class="cke_dialog_ui_button" href="javascript:void(0)" id="dic_create">'+
+									'				</a>' +
+									'			<a  style="display:none;" class="cke_dialog_ui_button" href="javascript:void(0)" id="dic_delete">'+
+									'				</a>' +
+									'			<a  style="display:none;" class="cke_dialog_ui_button" href="javascript:void(0)" id="dic_rename">'+
+									'				</a>' +
+									'			<a  style="display:none;" class="cke_dialog_ui_button" href="javascript:void(0)" id="dic_restore">'+
+									'				</a>' +
+									'		</div>' +
+									'	<div style="margin:5px auto; width:95%;white-space:normal;" id="dic_info"></div>' +
+									'</div></form>'
+						}
+					]
+				},
+				{
+					id : 'about',
+					label : lang.aboutTab,
+					elements : [
+						{
+							type : 'html',
+							id : 'about',
+							style : 'margin: 5px 5px;',
+							html : '<div id="scayt_about"></div>'
+						}
+					]
+				}
+			];
+
+	var dialogDefiniton = {
+		title : lang.title,
+		minWidth : 360,
+		minHeight : 220,
+		onShow : function()
+		{
+			var dialog = this;
+			dialog.data = editor.fire( 'scaytDialog', {} );
+			dialog.options = dialog.data.scayt_control.option();
+			dialog.sLang = dialog.data.scayt_control.sLang;
+
+			if ( !dialog.data || !dialog.data.scayt || !dialog.data.scayt_control )
+			{
+				alert( 'Error loading application service' );
+				dialog.hide();
+				return;
+			}
+
+			var stop = 0;
+			if ( firstLoad )
+			{
+				dialog.data.scayt.getCaption( editor.langCode || 'en', function( caps )
+				{
+					if ( stop++ > 0 )	// Once only
+						return;
+					captions = caps;
+					init_with_captions.apply( dialog );
+					reload.apply( dialog );
+					firstLoad = false;
+				});
+			}
+			else
+				reload.apply( dialog );
+
+			dialog.selectPage( dialog.data.tab );
+		},
+		onOk : function()
+		{
+			var scayt_control =  this.data.scayt_control;
+			scayt_control.option( this.options );
+			// Setup languge if it was changed.
+			var csLang = this.chosed_lang;
+			scayt_control.setLang( csLang );
+			scayt_control.refresh();
+		},
+		onCancel: function()
+		{
+			var o = getBOMAllOptions();
+			for ( var i in o )
+				o[i].checked = false;
+
+			setCheckedValue( getBOMAllLangs(), "" );
+		},
+		contents : contents
+	};
+
+	var scayt_control = CKEDITOR.plugins.scayt.getScayt( editor );
+
+	tags = CKEDITOR.plugins.scayt.uiTabs;
+
+	for ( i in tags )
+	{
+		if ( tags[ i ] == 1 )
+			contents[ contents.length ] = tags_contents[ i ];
+	}
+	if ( tags[2] == 1 )
+		userDicActive = 1;
+
+
+	var init_with_captions = function()
+	{
+		var dialog = this,
+			lang_list = dialog.data.scayt.getLangList(),
+			buttons = [ 'dic_create', 'dic_delete', 'dic_rename', 'dic_restore' ],
+			labels = optionsIds,
+			i;
+
+		// Add buttons titles
+		if ( userDicActive )
+		{
+			for ( i = 0; i < buttons.length; i++ )
+			{
+				var button = buttons[ i ];
+				doc.getById( button ).setHtml( '<span class="cke_dialog_ui_button">' + captions[ 'button_' + button]  +'</span>' );
+			}
+			doc.getById( 'dic_info' ).setHtml( captions[ 'dic_info' ] );
+		}
+
+
+		// Fill options and dictionary labels.
+		if ( tags[0] == 1 )
+		{
+			for ( i in labels )
+			{
+				var label = 'label_' + labels[ i ],
+					labelElement = doc.getById( label );
+
+				if (  'undefined' != typeof labelElement
+				   && 'undefined' != typeof captions[ label ]
+				   && 'undefined' != typeof dialog.options[labels[ i ]] )
+				{
+					labelElement.setHtml( captions[ label ] );
+					var labelParent = labelElement.getParent();
+					labelParent.$.style.display = "block";
+				}
+			}
+		}
+
+		var about = '<p><img src="' + window.scayt.getAboutInfo().logoURL + '" /></p>' +
+				'<p>' + captions[ 'version' ] + window.scayt.getAboutInfo().version.toString() + '</p>' +
+				'<p>' + captions[ 'about_throwt_copy' ] + '</p>';
+
+		doc.getById( 'scayt_about' ).setHtml( about );
+
+		// Create languages tab.
+		var createOption = function( option, list )
+		{
+			var label = doc.createElement( 'label' );
+			label.setAttribute( 'for', 'cke_option' + option );
+			label.setHtml( list[ option ] );
+
+			if ( dialog.sLang == option )	// Current.
+				dialog.chosed_lang = option;
+
+			var div = doc.createElement( 'div' );
+			var radio = CKEDITOR.dom.element.createFromHtml( '<input id="cke_option' +
+					option + '" type="radio" ' +
+					( dialog.sLang == option ? 'checked="checked"' : '' ) +
+					' value="' + option + '" name="scayt_lang" />' );
+
+			radio.on( 'click', function()
+				{
+					this.$.checked = true;
+					dialog.chosed_lang = option;
+				});
+
+			div.append( radio );
+			div.append( label );
+
+			return {
+				lang : list[ option ],
+				code : option,
+				radio : div
+			};
+		};
+
+		var langList = [];
+		if ( tags[1] ==1 )
+		{
+			for ( i in lang_list.rtl )
+				langList[ langList.length ] = createOption( i, lang_list.ltr );
+
+			for ( i in lang_list.ltr )
+				langList[ langList.length  ] = createOption( i, lang_list.ltr );
+
+			langList.sort( 	function( lang1, lang2 )
+				{
+					return ( lang2.lang > lang1.lang ) ? -1 : 1 ;
+				});
+
+			var fieldL = doc.getById( 'scayt_lcol' ),
+				fieldR = doc.getById( 'scayt_rcol' );
+			for ( i=0; i < langList.length; i++ )
+			{
+				var field = ( i < langList.length / 2 ) ? fieldL : fieldR;
+				field.append( langList[ i ].radio );
+			}
+		}
+
+		// user dictionary handlers
+		var dic = {};
+		dic.dic_create = function( el, dic_name , dic_buttons )
+		{
+			// comma separated button's ids include repeats if exists
+			var all_buttons = dic_buttons[0] + ',' + dic_buttons[1];
+
+			var err_massage = captions["err_dic_create"];
+			var suc_massage = captions["succ_dic_create"];
+
+			window.scayt.createUserDictionary( dic_name,
+				function( arg )
+				{
+					hide_dic_buttons ( all_buttons );
+					display_dic_buttons ( dic_buttons[1] );
+					suc_massage = suc_massage.replace("%s" , arg.dname );
+					dic_success_message (suc_massage);
+				},
+				function( arg )
+				{
+					err_massage = err_massage.replace("%s" ,arg.dname );
+					dic_error_message ( err_massage + "( "+ (arg.message || "") +")");
+				});
+
+		};
+
+		dic.dic_rename = function( el, dic_name )
+		{
+			//
+			// try to rename dictionary
+			var err_massage = captions["err_dic_rename"] || "";
+			var suc_massage = captions["succ_dic_rename"] || "";
+			window.scayt.renameUserDictionary( dic_name,
+				function( arg )
+					{
+						suc_massage = suc_massage.replace("%s" , arg.dname );
+						set_dic_name( dic_name );
+						dic_success_message ( suc_massage );
+					},
+				function( arg )
+					{
+						err_massage = err_massage.replace("%s" , arg.dname  );
+						set_dic_name( dic_name );
+						dic_error_message( err_massage + "( " + ( arg.message || "" ) + " )" );
+					});
+		};
+
+		dic.dic_delete = function( el, dic_name , dic_buttons )
+		{
+			var all_buttons = dic_buttons[0] + ',' + dic_buttons[1];
+			var err_massage = captions["err_dic_delete"];
+			var suc_massage = captions["succ_dic_delete"];
+
+			// try to delete dictionary
+			window.scayt.deleteUserDictionary(
+				function( arg )
+				{
+					suc_massage = suc_massage.replace("%s" , arg.dname );
+					hide_dic_buttons ( all_buttons );
+					display_dic_buttons ( dic_buttons[0] );
+					set_dic_name( "" ); // empty input field
+					dic_success_message( suc_massage );
+				},
+				function( arg )
+				{
+					err_massage = err_massage.replace("%s" , arg.dname );
+					dic_error_message(err_massage);
+				});
+		};
+
+		dic.dic_restore = dialog.dic_restore || function( el, dic_name , dic_buttons )
+			{
+				// try to restore existing dictionary
+				var all_buttons = dic_buttons[0] + ',' + dic_buttons[1];
+				var err_massage = captions["err_dic_restore"];
+				var suc_massage = captions["succ_dic_restore"];
+
+				window.scayt.restoreUserDictionary(dic_name,
+					function( arg )
+					{
+						suc_massage = suc_massage.replace("%s" , arg.dname );
+						hide_dic_buttons ( all_buttons );
+						display_dic_buttons(dic_buttons[1]);
+						dic_success_message( suc_massage );
+					},
+					function( arg )
+					{
+						err_massage = err_massage.replace("%s" , arg.dname );
+						dic_error_message( err_massage );
+					});
+			};
+
+		function onDicButtonClick( ev )
+		{
+			var dic_name = doc.getById('dic_name').getValue();
+			if ( !dic_name )
+			{
+				dic_error_message(" Dictionary name should not be empty. ");
+				return false;
+			}
+			try{
+				var el = id = ev.data.getTarget().getParent();
+				var id = el.getId();
+				dic[ id ].apply( null, [ el, dic_name, dic_buttons ] );
+			}
+			catch(err)
+			{
+				dic_error_message(" Dictionary error. ");
+			}
+
+			return true;
+		}
+
+		// ** bind event listeners
+		var arr_buttons = ( dic_buttons[0] + ',' + dic_buttons[1] ).split( ',' ),
+			l;
+
+		for ( i = 0, l = arr_buttons.length ; i < l ; i += 1 )
+		{
+			var dic_button = doc.getById(arr_buttons[i]);
+			if ( dic_button )
+				dic_button.on( 'click', onDicButtonClick, this );
+		}
+	};
+
+	var reload = function()
+	{
+		var dialog = this;
+		// for enabled options tab
+		if ( tags[0] == 1 ){
+			var opto = getBOMAllOptions();
+
+			// Animate options.
+			for ( var k=0,l = opto.length; k<l;k++ )
+			{
+
+				var i = opto[k].id;
+				var checkbox = doc.getById( i );
+
+				if ( checkbox )
+				{
+					opto[k].checked = false;
+					//alert (opto[k].removeAttribute)
+					if ( dialog.options[ i ] == 1 )
+					{
+						opto[k].checked = true;
+					}
+
+
+					// Bind events. Do it only once.
+					if ( firstLoad )
+					{
+						checkbox.on( 'click', function()
+						{
+							dialog.options[ this.getId() ] = this.$.checked ? 1 : 0 ;
+						});
+					}
+				}
+			}
+		}
+
+		//for enabled languages tab
+		if ( tags[1] == 1 )
+		{
+			var domLang = doc.getById("cke_option" + dialog.sLang);
+			setCheckedValue( domLang.$,dialog.sLang );
+		}
+
+		// * user dictionary
+		if ( userDicActive )
+		{
+			window.scayt.getNameUserDictionary(
+				function( o )
+				{
+					var dic_name = o.dname;
+					hide_dic_buttons( dic_buttons[0] + ',' + dic_buttons[1] );
+					if ( dic_name )
+					{
+						doc.getById( 'dic_name' ).setValue(dic_name);
+						display_dic_buttons( dic_buttons[1] );
+					}
+					else
+						display_dic_buttons( dic_buttons[0] );
+
+				},
+				function()
+				{
+					doc.getById( 'dic_name' ).setValue("");
+				});
+			dic_success_message("");
+		}
+
+	};
+
+	function dic_error_message( m )
+	{
+		doc.getById('dic_message').setHtml('<span style="color:red;">' + m + '</span>' );
+	}
+	function dic_success_message( m )
+	{
+		doc.getById('dic_message').setHtml('<span style="color:blue;">' + m + '</span>') ;
+	}
+	function display_dic_buttons( sIds )
+	{
+		sIds = String( sIds );
+		var aIds = sIds.split(',');
+		for ( var i=0, l = aIds.length; i < l ; i+=1)
+			doc.getById( aIds[i] ).$.style.display = "inline";
+	}
+	function hide_dic_buttons( sIds )
+	{
+		sIds = String( sIds );
+		var aIds = sIds.split(',');
+		for ( var i = 0, l = aIds.length; i < l ; i += 1 )
+			doc.getById( aIds[i] ).$.style.display = "none";
+	}
+	function set_dic_name( dic_name )
+	{
+		doc.getById('dic_name').$.value= dic_name;
+	}
+
+	return dialogDefiniton;
+});