title: ckeditor - div based editor
body: <p>I would like to create an editable area for my website using ckeditor. This editable area must show html formatted elements like ckeditor does, plus i would like that fonts and colors match the styles of my website.</p>
  
  <p>The solution seems to be very simple, I could use the inline editing writing something like this:</p>
  
  <pre><code>&lt;script type="text/javascript" src="ckeditor.js"&gt;&lt;/script&gt;
  &lt;div contenteditable="true"&gt;my content...&lt;/div&gt;
  </code></pre>
  
  <p>It works but there is something that I don't need: the editor appears and disappears if the div element has the focus or not. But, <em>I want to show the editor every moment!</em></p>
  
  <p>That seems to be possible only replacing a textarea (reading all other forums) but textareas don't match my website stylesheets!</p>
  
  <p>After some searching I saw this example on ckeditor's website: <a href="http://ckeditor.com/demo#div" rel="nofollow">http://ckeditor.com/demo#div</a></p>
  
  <p>It is exactly what I need!!! An inline-editor that never disappears!</p>
  
  <p>The problem is:</p>
  
  <p>I'm not so able with the code, I can't understand what is the basic code to make the editor like that! Can you help me please?</p>