title: WordPress Editor Image for Shortcode
body: <p>Quick question about WordPress. I've been Googling all over the place and cannot find an answer.</p>
  
  <p>Basically I'm looking to replicate what happens when you add a gallery: have an image displayed as a stand in for the gallery shortcode [gallery]. The shortcode's visible when you go to edit HTML.</p>
  
  <p>I'd like to exactly copy this effect: When a shortcode inserted into the editor I'd like for to to be rendered as an image.</p>
  
  <p><strong>Things I've Tried:</strong> </p>
  
  <ul>
  <li>Inserting an element (image, div, I found an input is pretty unfuckwithable, etc) that's wrapped by a shortcode <em>(This works ok, not great. The short code's still visible and WP will auto add paragraphs to the element to create space that users could, possibly, add content that'll be eaten by the short code)</em> -</li>
  <li>Inerting the short code as a &lt; !-- --> comment <em>(This also doesn't work great, WP will occassionally eat it moving between Visual/HTML. The comments ALSO eat your content &lt; !-- [shortcode]--> placeholder &lt; !--[/shortcode] --> <strong>=</strong> &lt; !-- rendered shortcode -->)</em></li>
  </ul>
  
  <p>That's the extent that I've thought of things. I cannot find a guide on how to do mimic the [gallery]'s behavior and can't find it by going through wp-admin's guts.</p>
  
  <p>Thanks!</p>