Club Drupal

  // Add view mode preview.

  media_wysiwyg_format_form_view_mode($form, $form_state, $file);

/**

 * Add ajax preview when selecting view mode in wysiwyg editor.

 */

function media_wysiwyg_format_form_view_mode(&$form, $form_state, $file)  {

  // Check to see if a view mode ("format") has already been specified for

  //  this media item. First, check for a standard form-submitted value.

  if (!empty($form_state['values']['format'])) {

    $view_mode = $form_state['values']['format'];

  }

  // Second, check the request for a JSON-encoded value.

  elseif (isset($_GET['fields'])) {

    $query_fields = drupal_json_decode($_GET['fields']);

    if (isset($query_fields['format'])) {

      $view_mode = $query_fields['format'];

    }

  }

  // If we were unable to determine a view mode, or we found a view mode

  //  that does not exist in the list of format options presented on this

  //  form, use the default view mode.

  if (!isset($view_mode) || !array_key_exists($view_mode, $form['options']['format']['#options'])) {

    $view_mode = variable_get('media_wysiwyg_wysiwyg_default_view_mode', 'full');

  }

  $form['preview'] = array();

  $form['preview']['#prefix'] = '<div class="media-item"><div class="media-thumbnail">';

  $form['preview']['#suffix'] = '</div><div class="label-wrapper"><label class="media-filename">' . $file->filename . '</label></div></div>';

  $form['preview']['thumbnail'] = file_view_file($file, $view_mode);

  $form['preview']['thumbnail']['#prefix'] = '<div id="media-preview">';

  $form['preview']['thumbnail']['#suffix'] = '</div>';

  if (!isset($form['options']['format']['#default_value'])) {

    $form['options']['format']['#default_value'] = $view_mode;

  }

  $form['options']['format']['#ajax'] = array(

    'callback' => 'media_wysiwyg_format_form_preview',

    'wrapper' => 'media-preview',

  );

  $wysiwyg_view_mode = db_query('SELECT view_mode FROM {media_view_mode_wysiwyg} WHERE type = :type', array(':type' => $file->type))->fetchField();

  $view_modes = media_wysiwyg_get_wysiwyg_allowed_view_modes($file);

  $formats = $options = array();

  foreach ($view_modes as $view_mode => $view_mode_info) {

    $options[$view_mode] = $view_mode_info['label'];

    if (!empty($wysiwyg_view_mode)) {

      $element = media_wysiwyg_get_file_without_label($file, $wysiwyg_view_mode, array('wysiwyg' => TRUE));

    }

    else {

      $element = media_wysiwyg_get_file_without_label($file, $view_mode, array('wysiwyg' => TRUE));

    }

    $formats[$view_mode] = drupal_render($element);

  }

  $form['#formats'] = $formats;

  $form['options']['format']['#options'] = $options;

}

/**

 * AJAX callback to select the portion of the format form to be updated with a preview.

 *

 * @param array $form

 *   An associative array containing the structure of the form.

 * @param array $form_state

 *   An associative array containing the current state of the form.

 *

 * @return array

 *   The preview form item.

 */

function media_wysiwyg_format_form_preview($form, $form_state) {

  return $form['preview']['thumbnail'];

}