title: How to set img size if image not loaded
body: <p>I'm create a custom wysiwyg editor, with custom variables which are filled in from PHP after the content is saved.</p>
  
  <p>For example {image} is a placeholder, which will be filled from PHP after the content saved.</p>
  
  <p>In this case my content template in the HTML code looks like this</p>
  
  <pre><code>&lt;img src="{image}" /&gt;
  </code></pre>
  
  <p>As this is some kind of drag and drop system, I should be able to drag this item on the wysiwyg canvas, but as that {image} placeholder can't be filled with javascript, the browser won't be able to load any image. As I know in this some old Internet explorer versions give some default "image broken" image into those img's, but modern browsers simply doesn't display it. </p>
  
  <p>So is there any way to make those unloaded images visible(by giving some width and height value and some magic)? </p>
  
  <p>I would like to make this with simple CSS rules without using javascript. </p>
  
  <p>One solution what I have found is to give alt attribute to the images and then that text gives with and height for that element. </p>