[wp-trac] [WordPress Trac] #24175: Image post format insertion results in a broken image for unlinked images

[WordPress Trac]

#24175: Image post format insertion results in a broken image for unlinked images
--------------------------+--------------------
 Reporter:  designsimply  |       Owner:
     Type:  defect (bug)  |      Status:  new
 Priority:  high          |   Milestone:  3.6
Component:  Post Formats  |     Version:  trunk
 Severity:  normal        |  Resolution:
 Keywords:  has-patch     |
--------------------------+--------------------
Description changed by wonderboymusic:

Old description:

> Steps to reproduce:
>
> 1. Go to Appearance > Themes and activate the Twenty Twelve theme
> 2. Go to Posts > Add New
> 3. Click the "Image" post format at the top
> 4. Click "Select / Upload Image"
> 5. Upload a new image and set Link To = None
> 6. Click "Select Image"
> 7. Note that the "_format_image" textarea contains a link even though I
> selected Link To = None (looks like a separate bug), remove the anchor
> tag so just the img tag is left (that's the expected behavior for what I
> selected). See the highlighted part of the first screenshot below for an
> example.
> 8. Click "Publish"
> 9. View the post
> * Expected:  to see an image post format appear normally with the image
> showing
> * Actual:  no image appears and I see the following mangled HTML:
>
> {{{
> <div class="post-format-content">
> <p><img src="&lt;img src=" http:="" threedotonefour.com="" wp-content=""
> uploads="" 2013="" 01="" img_3754.jpg"="" width="300" height="225"
> alt="IMG_3754" class="wp-image-223 alignright size-medium">” alt=”"
> /&gt;</p></div>
> }}}
>
> [[Image(http://f.cl.ly/items/2e3L0J3A1I1P0q1T1o2S/Screen%20Shot%202013-04-24%20at%2011.51.25%20AM.png)]]
>
> [[Image(http://f.cl.ly/items/402c3I2N3L0n050k3n2G/Screen%20Shot%202013-04-24%20at%2011.53.12%20AM.png)]]
>
> Tested with
> * WP Trunk r24075
> * Twenty Twelve theme
> * Chrome 26
>
> Notes
> * I see the same problem regardless of whether I use the "Select / Upload
> Image" link to add the image.
> * As long as the "Image HTML or URL" field contains an unlinked image
> with code similar to the example above, the image appears broken on the
> front end.
> * The same problem happens even if you simplify the HTML in the "Image
> HTML or URL" field to something like {{{<img
> src="http://threedotonefour.com/wp-content/uploads/2013/01/DCP00684.jpg"
> />}}}
>
> This is *very* similar to #24147 but the output HTML is different.

New description:

 Steps to reproduce:

 1. Go to Appearance > Themes and activate the Twenty Twelve theme
 2. Go to Posts > Add New
 3. Click the "Image" post format at the top
 4. Click "Select / Upload Image"
 5. Upload a new image and set Link To = None
 6. Click "Select Image"
 7. Note that the "_format_image" textarea contains a link even though I
 selected Link To = None (looks like a separate bug), remove the anchor tag
 so just the img tag is left (that's the expected behavior for what I
 selected). See the highlighted part of the first screenshot below for an
 example.
 8. Click "Publish"
 9. View the post
 * Expected:  to see an image post format appear normally with the image
 showing
 * Actual:  no image appears and I see the following mangled HTML:

 {{{
 <div class="post-format-content">
 <p><img src="&lt;img src=" http:="" threedotonefour.com="" wp-content=""
 uploads="" 2013="" 01="" img_3754.jpg"="" width="300" height="225"
 alt="IMG_3754" class="wp-image-223 alignright size-medium">” alt=”"
 /&gt;</p></div>
 }}}

 [[Image(http://f.cl.ly/items/2e3L0J3A1I1P0q1T1o2S/Screen%20Shot%202013-04-24%20at%2011.51.25%20AM.png,
 300px)]]

 [[Image(http://f.cl.ly/items/402c3I2N3L0n050k3n2G/Screen%20Shot%202013-04-24%20at%2011.53.12%20AM.png,
 300px)]]

 Tested with
 * WP Trunk r24075
 * Twenty Twelve theme
 * Chrome 26

 Notes
 * I see the same problem regardless of whether I use the "Select / Upload
 Image" link to add the image.
 * As long as the "Image HTML or URL" field contains an unlinked image with
 code similar to the example above, the image appears broken on the front
 end.
 * The same problem happens even if you simplify the HTML in the "Image
 HTML or URL" field to something like {{{<img
 src="http://threedotonefour.com/wp-content/uploads/2013/01/DCP00684.jpg"
 />}}}

 This is *very* similar to #24147 but the output HTML is different.

--

-- 
Ticket URL: <http://core.trac.wordpress.org/ticket/24175#comment:4>
WordPress Trac <http://core.trac.wordpress.org/>
WordPress blogging software