Showing custom fields – i.e. captions

Alright, I have worked a bit more on this. This is what I have done, so far:

1. changed from media_get_file_without_label to field_attach_view
2. produced a themable output using the function theme_media_file
3. registered the function theme_media_file

With these changes, I have the possibility of showing / hiding the custom fields from the uploaded files.

With this new patch, the custom fields are shown on the embedding media form. The changes are on the media_media_format_form_prepare_alter function.

The missing parts:

1. update the proper tables on the DB when submitting
2. showing this values on the WYSIWYG edit window (so far I just see the image)

I would be thankful is somebody could point me in the right direction here: I can not find which function is responding to the submit of this form…

I have done another step: the custom fields are updated when submitting the form. It implies an special method because this form is just dumping json into the body editing field (not doing any server request).

What I did was to intercept this and call an extra function that is posting the form values to a new function – function media_update_ajax() – that takes care of updating the fields.

It has probably many glitches (and perhaps bad coding) but so far is solving my problem of editing the custom fields when adding the images. I'd be glad to hear some comments.

My next step will be to reflect this changes – custom fields, etc. – inside the WYSIWYG body…

Extra note: this patch was generated using the --no-prefix option, so it can be applied by using patch -p0 < name.patch

I will document some of the process I am following. Perhaps this is useful to others.

1. I have added to my Image Media Type (see admin/config/media/types) two extra fields:
   • field_img_alt
   • field_img_title
2. I have assured that this fields are visible on the Display type I will use (i.e. admin/config/media/types/manage/image/display/media_small)
3. I have modified my theme (as I have added a theme_media_file function, the output is themable), using a preprocess function to prepare the #markup and use these two fields – field_img_alt and field_img_title – as the image ALT and Title attributes:
   

   function THEME_preprocess_media_file(&$variables) {
   
     // Add ALT and title to images  
     if ($variables['file']['#bundle'] == 'image') {
   
       // Alternate text
       $alt =  $variables['field_img_alt'][0]['#markup'];
       unset($variables['field_img_alt']);
   
       // Title attribute
       $title = $variables['field_img_title'][0]['#markup'];
       unset($variables['field_img_title']);
     
       // Replace
       $string = $variables['file'][0]['#markup'];
       $pattern = '/<span[^>]+> +<img src="([^"]+)" ?\/><\/span>/i';
       $replacement = '<img src="$1" alt="' . $alt . '" title="' . $title . '" />';
   
       $variables['file'][0]['#markup'] = preg_replace($pattern, $replacement, $string);
     }
   
   }
   

   Note: the span tags are created by the Styles module… Surely there is a better way of taking them off, but for the time being I just preg_replace-them.

Finally, I attach here a new version of the patch (just a tiny difference as I have missed an space).

You're welcome, @cartagena. Check what I have posted in relation to stripping media tags before creating trimmed versions of the content: #1113088: Strip media before trimming summary.

I have to use that too in order to visualize my content the way I wanted to.