first commit

lib/ckeditor4/plugins/toolbarswitch/plugin.js

@@ -0,0 +1,72 @@
+/**
+ * @license Copyright (c) 2003-2013, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.html or http://ckeditor.com/license
+ */
+
+/**
+ * @fileOverview The "toolbarswitch" plugin profides the ability use a
+ *               different  (larger) toolbar when the editor is maximized.
+ *
+ *               Add the toolbar for maximized mode by:
+ *                   CKEDITOR.replace('sometextcomponent', { toolbar: 'yoursmalltoolbarname', maximizedToolbar: 'yourbigtoolbarname' });
+ *
+ *               Requires:
+ *                - patch on panelbutton plugin.js from ticket 7280 to Store/Restore a copy of the panel definition.
+ *
+ *               TODO:
+ *                - fix the buttons that no longer function after switching the toolbar:
+ *                  . the 4 text alignment buttons (center, left, right, fill)
+ *                  . the smiley button
+ *                  . 3 of the text style buttons (strike, superscript, subscript)
+ *                  . the quote block button
+ *                  . the link and unlink buttons
+ *                  . the horizontal line button
+ *                  . the table button
+ *                  . the image button
+ *                - fix that this plugin works nicely with the resizewithwindow plugin.
+ *                  With IE10 right after using the maximize/minimize button the heights are incorrect.
+ *                  Resizing the window corrects this but the heights should be correct all the time.
+ *                  With Chrome and firefox there is no problem.
+ *
+ *               Inspired by http://stackoverflow.com/questions/12531002/change-ckeditor-toolbar-dynamically
+ */
+
+(function() {
+
+	CKEDITOR.editor.prototype.loadToolbar = function(tbName) {
+		// If the 'themeSpace' event doesn't exist, load the toolbar plugin
+		if ( !this._.events.themeSpace ) {
+			CKEDITOR.plugins.registered.toolbar.init(this);
+			// causes themeSpace event to be listened to.
+		}
+		// If a different toolbar was specified use it, otherwise just reload
+		if ( tbName ) this.config.toolbar = tbName;
+
+		// themeSpace event returns a object with the toolbar HTML in it
+		var obj = this.fire( 'uiSpace', { space: 'top', html: '' } );
+
+		// Replace the toolbar HTML
+		var tbEleId = this.ui.spaceId( 'top' );
+		var tbEle = document.getElementById(tbEleId);
+		tbEle.innerHTML = obj.html;
+	}
+
+})();
+
+CKEDITOR.plugins.add( 'toolbarswitch', {
+	requires: [ 'button', 'toolbar' ],
+
+	init: function( editor ) {
+		var _initialToolbar = editor.config.toolbar;
+
+		editor.on( 'beforeCommandExec', function( event ) {
+			if ( event.data.name == 'maximize' ) {
+				if ( editor.config.toolbar == _initialToolbar ) {
+					editor.loadToolbar( editor.config.maximizedToolbar );
+				} else {
+					editor.loadToolbar( _initialToolbar );
+				}
+			}
+		});
+	}
+});