title: Split a image tag on html string
body: <p>code:</p>
  
  <pre><code>&lt;div id="start"&gt;    
      &lt;p&gt;"hi split html string"&lt;p&gt;&lt;br&gt;"now"
      &lt;img class="image1" src="some src" master_src="some src" master_w="400" master_h="320"&gt;
      "second tag is coming"&lt;br&gt;&lt;img class="image2" src="some src" master_src="some src" master_w="400" master_h="320"&gt;&lt;h1&gt;end here&lt;/h1&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>output:</p>
  
  <pre><code>&lt;p&gt;"hi split html string"&lt;p&gt;&lt;br&gt;"now" ,   "second tag is coming"&lt;br&gt; , &lt;h1&gt;end here&lt;/h1&gt;
  </code></pre>
  
  <p>How can i achieve this ouput? what could be regex expression fot this image class in order to use split function(or any better way)?Please give me a demo </p>