title: HTML Codes in my CKEditor Textarea Issue
body: <p>I get an issue when I try to add some HTML codes in my CKEditor textarea, my HTML is executed in the textarea. I mean, all my HTML codes have changed of place in my Textarea, so how can I fix it?</p>
  
  <p>Before adding a post on my website, I put this in my textarea :</p>
  
  <pre><code>&lt;pre&gt;&lt;div&gt;toto&lt;/div&gt;&lt;/pre&gt;
  </code></pre>
  
  <p>The post in my database (everything is ok):</p>
  
  <pre><code>&lt;pre&gt;&lt;div&gt;toto&lt;/div&gt;&lt;/pre&gt;
  </code></pre>
  
  <p>When I try to edit the post, the content is reformated in my CKEditor textarea :</p>
  
  <pre><code>&lt;pre&gt;&amp;nbsp;&lt;/pre&gt;&lt;div&gt;toto&lt;/div&gt;
  </code></pre>
  
  <p>So I think the main issue is CKEditor, maybe he reformat or encode all my HTML code, I don't know what's going on...</p>
  
  <p><strong>EDIT 1:</strong></p>
  
  <p>Config file of CKEditor</p>
  
  <pre><code>CKEDITOR.editorConfig = function( config ) {
      config.toolbarGroups = [
          { name: 'clipboard',   groups: [ 'clipboard', 'undo' ] },
          { name: 'editing',     groups: [ 'find', 'selection', 'spellchecker' ] },
          { name: 'links' },
          { name: 'insert' },
          { name: 'forms' },
          { name: 'tools' },
          { name: 'document',    groups: [ 'mode', 'document', 'doctools' ] },
          { name: 'others' },
          '/',
          { name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ] },
          { name: 'paragraph',   groups: [ 'list', 'indent', 'blocks', 'align' ] },
          { name: 'styles' },
          { name: 'colors' },
          { name: 'about' },
          { name: 'document', groups: [ 'mode'] }, // shows the source button
          { name: 'pbckcode' }
      ];
  
      config.extraPlugins = 'pbckcode';
  
      config.removeButtons = 'Underline,Subscript,Superscript';
  };
  </code></pre>
  
  <p>My add post view:</p>
  
  <pre><code>extends admin_layout
  block content
      div.container
          h1 Wellcome to administration pannel
          div.space20
          div.block.first
              h2 Add post
              div.wrap
                  form(action="/posts/add", method="post").admin
                          textarea(class="ckeditor", id="ckeditorFilter", placeholder="Content...", name="content", rows="15")
                          br
                      input(type="submit", value="Save")
      script(src="/admin/js/ckeditor/ckeditor.js")
      script
          CKEDITOR.replace('content',{
              toolbar: 'Basic',
              uiColor: '#0091BD'
          });
  </code></pre>
  
  <p>My edit post view :</p>
  
  <pre><code>extends admin_layout
  block content
      div.container
          h1 Wellcome to administration pannel
          div.space20
          div.block.first
              h2 Edit post
              div.wrap
                  - each p in post
                      p= p.content
                      form(action="/posts/add", method="post").admin
                              textarea(class="ckeditor", id="ckeditorFilter", placeholder="Your content...", name="content", rows="15", required)!= p.content
                              br
                          input(type="submit", value="Edit")
      script(src="/admin/js/ckeditor/ckeditor.js")
      script
          CKEDITOR.replace('content',{
              toolbar: 'Basic',
              uiColor: '#0091BD'
          });
  </code></pre>