title: Drupal: How to wrap inline images into additional markup
body: <p>i need to wrap images into additional markup for further css styling. I would like to have something like that: <code>&lt;p&gt;&lt;span&gt;&lt;img src="path/to/image" alt="alt"/&gt;&lt;/span&gt;&lt;/p&gt;</code>.</p>
  
  <p>The images are added directly on the specific node using following modules:</p>
  
  <ol>
  <li><a href="http://drupal.org/project/insert" rel="noreferrer">http://drupal.org/project/insert</a></li>
  <li><a href="http://drupal.org/project/image" rel="noreferrer">http://drupal.org/project/image</a></li>
  <li><a href="http://drupal.org/project/cck" rel="noreferrer">http://drupal.org/project/cck</a> -> ImageField</li>
  </ol>
  
  <p>Here is the content of my node-[type].tpl.php:</p>
  
  <pre><code>&lt;div id="article"&gt;
      &lt;div id="article-header"&gt;
          &lt;h2&gt;&lt;?php print $title; ?&gt;&lt;/h2&gt;
          &lt;?php if ($submitted): ?&gt;
              &lt;p class="created"&gt;&lt;?php echo date("d. F Y - H:i", $created).t(' von ').$name; ?&gt;&lt;/p&gt;
          &lt;?php endif; ?&gt;
      &lt;/div&gt;
  
      &lt;div class="article-body"&gt;
          &lt;?php print $content; ?&gt;
      &lt;/div&gt;
  
      &lt;?php if ($links): ?&gt;
          &lt;div class="extra-links"&gt;
              &lt;?php print $links; ?&gt;
          &lt;/div&gt;
      &lt;?php endif; ?&gt;
  &lt;/div&gt;
  
  &lt;?php if($node-&gt;comment == 0 &amp;&amp; isset($node-&gt;comment_count) &amp;&amp; $node-&gt;comment_count &lt; 1): ?&gt;
      &lt;div id="comments"&gt;
          &lt;p class="note"&gt;Kommentare geschlossen&lt;/p&gt;
      &lt;/div&gt;
  &lt;?php endif; ?&gt;
  </code></pre>
  
  <p>I think i have to do something with <code>$content</code>. But i really have no idea. Any suggestions?</p>