title: Changing background of ckeditor text area with jQuery
body: <p>How can I change dynamically the background image of CKEditor using jQuery Adapter?
  I've got a list of images and whenever the user clicks over one of them, I want to change the background image of the editor area with that image. What I'm trying is:</p>
  
  <pre><code>$('#editor_content').ckeditor();
  var editorInstance = $('#editor_content').ckeditor().editor;
  $('img').click(function(ev){
  editorInstance.setData('&lt;style type="text/css"&gt; body{ background-image: url(' + $(this).attr('src') + '); &lt;/style&gt;');
  });
  </code></pre>
  
  <p>That works fine, in the sense that it changes its background image. However, if the user press backspace then it disappears. I think that's because the style its added in the body directly:</p>
  
  <pre><code>&lt;p&gt;
  &lt;style type="text/css"&gt; 
  body
  { 
      background-image: url(path/to/my/image.png); 
  } 
  &lt;/style&gt;
  &lt;/p&gt;
  </code></pre>