title: CKEditor Widget editable make a div work like an input
body: <p>For some reason CKEditor doesn't allow inputs in widgets by default. There is mention that you can add it to <code>dtd.$editables</code> but a quick test showed it wasn't editable for me so I am trying to use the recommended <code>divs</code>.</p>
  
  <p>The problem is I want placeholders, adding a placeholder to a div in a modern browser with pure css isn't a problem. The problem, as with the main editor, is that CKEditor despises empty editables - it adds a <code>&lt;br&gt;</code> on a completely empty editable which stops the placeholder showing. When editing and then removing content it adds the unicode character for nothingness - <code>&amp;#8203;</code>.</p>
  
  <p>Question: How can I make CKEditor treat an empty editable as.. empty, and not insert a random <code>&lt;br&gt;</code> or <code>&amp;#8203;</code>?</p>
  
  <pre><code>editables: {
      // This one is rich, allowing italic and bold
      caption: {
          selector: '.image-caption',
          allowedContent: 'strong em',
          //disallowedContent: 'br' // Doesnt work
      },
      // And this one is pretending to be a plaintext input
      alt: {
          selector: '.image-alt',
          allowedContent: true
      }
  }
  </code></pre>
  
  <p>Thanks.</p>