danielebarchiesi@0: (function($) {
danielebarchiesi@0: 
danielebarchiesi@0: /**
danielebarchiesi@0:  * Initialize editor libraries.
danielebarchiesi@0:  *
danielebarchiesi@0:  * Some editors need to be initialized before the DOM is fully loaded. The
danielebarchiesi@0:  * init hook gives them a chance to do so.
danielebarchiesi@0:  */
danielebarchiesi@0: Drupal.wysiwygInit = function() {
danielebarchiesi@0:   // This breaks in Konqueror. Prevent it from running.
danielebarchiesi@0:   if (/KDE/.test(navigator.vendor)) {
danielebarchiesi@0:     return;
danielebarchiesi@0:   }
danielebarchiesi@0:   jQuery.each(Drupal.wysiwyg.editor.init, function(editor) {
danielebarchiesi@0:     // Clone, so original settings are not overwritten.
danielebarchiesi@0:     this(jQuery.extend(true, {}, Drupal.settings.wysiwyg.configs[editor]));
danielebarchiesi@0:   });
danielebarchiesi@0: };
danielebarchiesi@0: 
danielebarchiesi@0: /**
danielebarchiesi@0:  * Attach editors to input formats and target elements (f.e. textareas).
danielebarchiesi@0:  *
danielebarchiesi@0:  * This behavior searches for input format selectors and formatting guidelines
danielebarchiesi@0:  * that have been preprocessed by Wysiwyg API. All CSS classes of those elements
danielebarchiesi@0:  * with the prefix 'wysiwyg-' are parsed into input format parameters, defining
danielebarchiesi@0:  * the input format, configured editor, target element id, and variable other
danielebarchiesi@0:  * properties, which are passed to the attach/detach hooks of the corresponding
danielebarchiesi@0:  * editor.
danielebarchiesi@0:  *
danielebarchiesi@0:  * Furthermore, an "enable/disable rich-text" toggle link is added after the
danielebarchiesi@0:  * target element to allow users to alter its contents in plain text.
danielebarchiesi@0:  *
danielebarchiesi@0:  * This is executed once, while editor attach/detach hooks can be invoked
danielebarchiesi@0:  * multiple times.
danielebarchiesi@0:  *
danielebarchiesi@0:  * @param context
danielebarchiesi@0:  *   A DOM element, supplied by Drupal.attachBehaviors().
danielebarchiesi@0:  */
danielebarchiesi@0: Drupal.behaviors.attachWysiwyg = {
danielebarchiesi@0:   attach: function (context, settings) {
danielebarchiesi@0:     // This breaks in Konqueror. Prevent it from running.
danielebarchiesi@0:     if (/KDE/.test(navigator.vendor)) {
danielebarchiesi@0:       return;
danielebarchiesi@0:     }
danielebarchiesi@0: 
danielebarchiesi@0:     $('.wysiwyg', context).once('wysiwyg', function () {
danielebarchiesi@0:       if (!this.id || typeof Drupal.settings.wysiwyg.triggers[this.id] === 'undefined') {
danielebarchiesi@0:         return;
danielebarchiesi@0:       }
danielebarchiesi@0:       var $this = $(this);
danielebarchiesi@0:       var params = Drupal.settings.wysiwyg.triggers[this.id];
danielebarchiesi@0:       for (var format in params) {
danielebarchiesi@0:         params[format].format = format;
danielebarchiesi@0:         params[format].trigger = this.id;
danielebarchiesi@0:         params[format].field = params.field;
danielebarchiesi@0:       }
danielebarchiesi@0:       var format = 'format' + this.value;
danielebarchiesi@0:       // Directly attach this editor, if the input format is enabled or there is
danielebarchiesi@0:       // only one input format at all.
danielebarchiesi@0:       if ($this.is(':input')) {
danielebarchiesi@0:         Drupal.wysiwygAttach(context, params[format]);
danielebarchiesi@0:       }
danielebarchiesi@0:       // Attach onChange handlers to input format selector elements.
danielebarchiesi@0:       if ($this.is('select')) {
danielebarchiesi@0:         $this.change(function() {
danielebarchiesi@0:           // If not disabled, detach the current and attach a new editor.
danielebarchiesi@0:           Drupal.wysiwygDetach(context, params[format]);
danielebarchiesi@0:           format = 'format' + this.value;
danielebarchiesi@0:           Drupal.wysiwygAttach(context, params[format]);
danielebarchiesi@0:         });
danielebarchiesi@0:       }
danielebarchiesi@0:       // Detach any editor when the containing form is submitted.
danielebarchiesi@0:       $('#' + params.field).parents('form').submit(function (event) {
danielebarchiesi@0:         // Do not detach if the event was cancelled.
danielebarchiesi@0:         if (event.isDefaultPrevented()) {
danielebarchiesi@0:           return;
danielebarchiesi@0:         }
danielebarchiesi@0:         Drupal.wysiwygDetach(context, params[format], 'serialize');
danielebarchiesi@0:       });
danielebarchiesi@0:     });
danielebarchiesi@0:   },
danielebarchiesi@0: 
danielebarchiesi@0:   detach: function (context, settings, trigger) {
danielebarchiesi@0:     var wysiwygs;
danielebarchiesi@0:     // The 'serialize' trigger indicates that we should simply update the
danielebarchiesi@0:     // underlying element with the new text, without destroying the editor.
danielebarchiesi@0:     if (trigger == 'serialize') {
danielebarchiesi@0:       // Removing the wysiwyg-processed class guarantees that the editor will
danielebarchiesi@0:       // be reattached. Only do this if we're planning to destroy the editor.
danielebarchiesi@0:       wysiwygs = $('.wysiwyg-processed', context);
danielebarchiesi@0:     }
danielebarchiesi@0:     else {
danielebarchiesi@0:       wysiwygs = $('.wysiwyg', context).removeOnce('wysiwyg');
danielebarchiesi@0:     }
danielebarchiesi@0:     wysiwygs.each(function () {
danielebarchiesi@0:       var params = Drupal.settings.wysiwyg.triggers[this.id];
danielebarchiesi@0:       Drupal.wysiwygDetach(context, params, trigger);
danielebarchiesi@0:     });
danielebarchiesi@0:   }
danielebarchiesi@0: };
danielebarchiesi@0: 
danielebarchiesi@0: /**
danielebarchiesi@0:  * Attach an editor to a target element.
danielebarchiesi@0:  *
danielebarchiesi@0:  * This tests whether the passed in editor implements the attach hook and
danielebarchiesi@0:  * invokes it if available. Editor profile settings are cloned first, so they
danielebarchiesi@0:  * cannot be overridden. After attaching the editor, the toggle link is shown
danielebarchiesi@0:  * again, except in case we are attaching no editor.
danielebarchiesi@0:  *
danielebarchiesi@0:  * @param context
danielebarchiesi@0:  *   A DOM element, supplied by Drupal.attachBehaviors().
danielebarchiesi@0:  * @param params
danielebarchiesi@0:  *   An object containing input format parameters.
danielebarchiesi@0:  */
danielebarchiesi@0: Drupal.wysiwygAttach = function(context, params) {
danielebarchiesi@0:   if (typeof Drupal.wysiwyg.editor.attach[params.editor] == 'function') {
danielebarchiesi@0:     // (Re-)initialize field instance.
danielebarchiesi@0:     Drupal.wysiwyg.instances[params.field] = {};
danielebarchiesi@0:     // Provide all input format parameters to editor instance.
danielebarchiesi@0:     jQuery.extend(Drupal.wysiwyg.instances[params.field], params);
danielebarchiesi@0:     // Provide editor callbacks for plugins, if available.
danielebarchiesi@0:     if (typeof Drupal.wysiwyg.editor.instance[params.editor] == 'object') {
danielebarchiesi@0:       jQuery.extend(Drupal.wysiwyg.instances[params.field], Drupal.wysiwyg.editor.instance[params.editor]);
danielebarchiesi@0:     }
danielebarchiesi@0:     // Store this field id, so (external) plugins can use it.
danielebarchiesi@0:     // @todo Wrong point in time. Probably can only supported by editors which
danielebarchiesi@0:     //   support an onFocus() or similar event.
danielebarchiesi@0:     Drupal.wysiwyg.activeId = params.field;
danielebarchiesi@0:     // Attach or update toggle link, if enabled.
danielebarchiesi@0:     if (params.toggle) {
danielebarchiesi@0:       Drupal.wysiwygAttachToggleLink(context, params);
danielebarchiesi@0:     }
danielebarchiesi@0:     // Otherwise, ensure that toggle link is hidden.
danielebarchiesi@0:     else {
danielebarchiesi@0:       $('#wysiwyg-toggle-' + params.field).hide();
danielebarchiesi@0:     }
danielebarchiesi@0:     // Attach editor, if enabled by default or last state was enabled.
danielebarchiesi@0:     if (params.status) {
danielebarchiesi@0:       Drupal.wysiwyg.editor.attach[params.editor](context, params, (Drupal.settings.wysiwyg.configs[params.editor] ? jQuery.extend(true, {}, Drupal.settings.wysiwyg.configs[params.editor][params.format]) : {}));
danielebarchiesi@0:     }
danielebarchiesi@0:     // Otherwise, attach default behaviors.
danielebarchiesi@0:     else {
danielebarchiesi@0:       Drupal.wysiwyg.editor.attach.none(context, params);
danielebarchiesi@0:       Drupal.wysiwyg.instances[params.field].editor = 'none';
danielebarchiesi@0:     }
danielebarchiesi@0:   }
danielebarchiesi@0: };
danielebarchiesi@0: 
danielebarchiesi@0: /**
danielebarchiesi@0:  * Detach all editors from a target element.
danielebarchiesi@0:  *
danielebarchiesi@0:  * @param context
danielebarchiesi@0:  *   A DOM element, supplied by Drupal.attachBehaviors().
danielebarchiesi@0:  * @param params
danielebarchiesi@0:  *   An object containing input format parameters.
danielebarchiesi@0:  * @param trigger
danielebarchiesi@0:  *   A string describing what is causing the editor to be detached.
danielebarchiesi@0:  *
danielebarchiesi@0:  * @see Drupal.detachBehaviors
danielebarchiesi@0:  */
danielebarchiesi@0: Drupal.wysiwygDetach = function (context, params, trigger) {
danielebarchiesi@0:   // Do not attempt to detach an unknown editor instance (Ajax).
danielebarchiesi@0:   if (typeof Drupal.wysiwyg.instances[params.field] == 'undefined') {
danielebarchiesi@0:     return;
danielebarchiesi@0:   }
danielebarchiesi@0:   trigger = trigger || 'unload';
danielebarchiesi@0:   var editor = Drupal.wysiwyg.instances[params.field].editor;
danielebarchiesi@0:   if (jQuery.isFunction(Drupal.wysiwyg.editor.detach[editor])) {
danielebarchiesi@0:     Drupal.wysiwyg.editor.detach[editor](context, params, trigger);
danielebarchiesi@0:   }
danielebarchiesi@0: };
danielebarchiesi@0: 
danielebarchiesi@0: /**
danielebarchiesi@0:  * Append or update an editor toggle link to a target element.
danielebarchiesi@0:  *
danielebarchiesi@0:  * @param context
danielebarchiesi@0:  *   A DOM element, supplied by Drupal.attachBehaviors().
danielebarchiesi@0:  * @param params
danielebarchiesi@0:  *   An object containing input format parameters.
danielebarchiesi@0:  */
danielebarchiesi@0: Drupal.wysiwygAttachToggleLink = function(context, params) {
danielebarchiesi@0:   if (!$('#wysiwyg-toggle-' + params.field).length) {
danielebarchiesi@0:     var text = document.createTextNode(params.status ? Drupal.settings.wysiwyg.disable : Drupal.settings.wysiwyg.enable);
danielebarchiesi@0:     var a = document.createElement('a');
danielebarchiesi@0:     $(a).attr({ id: 'wysiwyg-toggle-' + params.field, href: 'javascript:void(0);' }).append(text);
danielebarchiesi@0:     var div = document.createElement('div');
danielebarchiesi@0:     $(div).addClass('wysiwyg-toggle-wrapper').append(a);
danielebarchiesi@0:     $('#' + params.field).after(div);
danielebarchiesi@0:   }
danielebarchiesi@0:   $('#wysiwyg-toggle-' + params.field)
danielebarchiesi@0:     .html(params.status ? Drupal.settings.wysiwyg.disable : Drupal.settings.wysiwyg.enable).show()
danielebarchiesi@0:     .unbind('click.wysiwyg', Drupal.wysiwyg.toggleWysiwyg)
danielebarchiesi@0:     .bind('click.wysiwyg', { params: params, context: context }, Drupal.wysiwyg.toggleWysiwyg);
danielebarchiesi@0: 
danielebarchiesi@0:   // Hide toggle link in case no editor is attached.
danielebarchiesi@0:   if (params.editor == 'none') {
danielebarchiesi@0:     $('#wysiwyg-toggle-' + params.field).hide();
danielebarchiesi@0:   }
danielebarchiesi@0: };
danielebarchiesi@0: 
danielebarchiesi@0: /**
danielebarchiesi@0:  * Callback for the Enable/Disable rich editor link.
danielebarchiesi@0:  */
danielebarchiesi@0: Drupal.wysiwyg.toggleWysiwyg = function (event) {
danielebarchiesi@0:   var context = event.data.context;
danielebarchiesi@0:   var params = event.data.params;
danielebarchiesi@0:   if (params.status) {
danielebarchiesi@0:     // Detach current editor.
danielebarchiesi@0:     params.status = false;
danielebarchiesi@0:     Drupal.wysiwygDetach(context, params);
danielebarchiesi@0:     // After disabling the editor, re-attach default behaviors.
danielebarchiesi@0:     // @todo We HAVE TO invoke Drupal.wysiwygAttach() here.
danielebarchiesi@0:     Drupal.wysiwyg.editor.attach.none(context, params);
danielebarchiesi@0:     Drupal.wysiwyg.instances[params.field] = Drupal.wysiwyg.editor.instance.none;
danielebarchiesi@0:     Drupal.wysiwyg.instances[params.field].editor = 'none';
danielebarchiesi@0:     Drupal.wysiwyg.instances[params.field].field = params.field;
danielebarchiesi@0:     $(this).html(Drupal.settings.wysiwyg.enable).blur();
danielebarchiesi@0:   }
danielebarchiesi@0:   else {
danielebarchiesi@0:     // Before enabling the editor, detach default behaviors.
danielebarchiesi@0:     Drupal.wysiwyg.editor.detach.none(context, params);
danielebarchiesi@0:     // Attach new editor using parameters of the currently selected input format.
danielebarchiesi@0:     params = Drupal.settings.wysiwyg.triggers[params.trigger]['format' + $('#' + params.trigger).val()];
danielebarchiesi@0:     params.status = true;
danielebarchiesi@0:     Drupal.wysiwygAttach(context, params);
danielebarchiesi@0:     $(this).html(Drupal.settings.wysiwyg.disable).blur();
danielebarchiesi@0:   }
danielebarchiesi@0: }
danielebarchiesi@0: 
danielebarchiesi@0: /**
danielebarchiesi@0:  * Parse the CSS classes of an input format DOM element into parameters.
danielebarchiesi@0:  *
danielebarchiesi@0:  * Syntax for CSS classes is "wysiwyg-name-value".
danielebarchiesi@0:  *
danielebarchiesi@0:  * @param element
danielebarchiesi@0:  *   An input format DOM element containing CSS classes to parse.
danielebarchiesi@0:  * @param params
danielebarchiesi@0:  *   (optional) An object containing input format parameters to update.
danielebarchiesi@0:  */
danielebarchiesi@0: Drupal.wysiwyg.getParams = function(element, params) {
danielebarchiesi@0:   var classes = element.className.split(' ');
danielebarchiesi@0:   var params = params || {};
danielebarchiesi@0:   for (var i = 0; i < classes.length; i++) {
danielebarchiesi@0:     if (classes[i].substr(0, 8) == 'wysiwyg-') {
danielebarchiesi@0:       var parts = classes[i].split('-');
danielebarchiesi@0:       var value = parts.slice(2).join('-');
danielebarchiesi@0:       params[parts[1]] = value;
danielebarchiesi@0:     }
danielebarchiesi@0:   }
danielebarchiesi@0:   // Convert format id into string.
danielebarchiesi@0:   params.format = 'format' + params.format;
danielebarchiesi@0:   // Convert numeric values.
danielebarchiesi@0:   params.status = parseInt(params.status, 10);
danielebarchiesi@0:   params.toggle = parseInt(params.toggle, 10);
danielebarchiesi@0:   params.resizable = parseInt(params.resizable, 10);
danielebarchiesi@0:   return params;
danielebarchiesi@0: };
danielebarchiesi@0: 
danielebarchiesi@0: /**
danielebarchiesi@0:  * Allow certain editor libraries to initialize before the DOM is loaded.
danielebarchiesi@0:  */
danielebarchiesi@0: Drupal.wysiwygInit();
danielebarchiesi@0: 
danielebarchiesi@0: // Respond to CTools detach behaviors event.
danielebarchiesi@0: $(document).bind('CToolsDetachBehaviors', function(event, context) {
danielebarchiesi@0:   Drupal.behaviors.attachWysiwyg.detach(context, {}, 'unload');
danielebarchiesi@0: });
danielebarchiesi@0: 
danielebarchiesi@0: })(jQuery);