Posts tagged image

I have been using drupal 7 for my new website ppprep.com and its been a positive experience working with drupal so far. The main difference I found between drupal and wordpress is how much unfinished state the drupal is out of the box compared to wordpress. Its easy to develop large and complex websites in drupal but is annoying if you want to use it for casual purposes with minimal setup required. The difference became obvious when I wanted to embed images in my posts for drupal website.

You cannot embed images insite your posts out of box in drupal and you have to go through lot of pain to get it right. After lot of googling, I’m glad I found a solution that works. The module that helped me achieving my goal was media.

1. Download and install the modules media, styles and entity.  I have alpha-4 release of styles installed.

2. Installing styles module gave an error for me. This thread helped me solve the issue http://drupal.org/node/984630

3. If you are not using wysiwyg module, I recommend using it for editing purpose, I use Tinymce plugin.

4. I use filtered html text format for entering the data and configured to use Tinymce editor.

5. Configure Tinymce to allow uploading of images. For this purpose, enable the Media Browser plugin of the editor of your choice(Tinymce in my case).

6. After this stage, if you are able to add images but not able to view them on your posts. follow the steps below:

7. Configuaration -> Text Formats -> Filtered HTML -> Configure, allow Enable Converts Media tags to Markup filter. After that, change the filtering order to first limit the HTML tags and then convert the media tags to markup filter.

Now you should be ready to upload and view images, videos and audio with ease to your drupal 7 site.The problem with videos are they are rendered with <video> tag in HTML5. HTML 5 does not provide protection against downloading data so I’m going to have to rely on flash. I’ll probably have something to talk about it later.