title: Angular 6 DecoupledEditor Not showing page preview like in demo
body: <p>I want to use the document viewer from ckeditor. It looks like a normal ckeditor, i want the version with the page.</p>
  
  <p>It looks like this:
  <a href="https://i.stack.imgur.com/8tQ8r.png" rel="nofollow noreferrer">original</a></p>
  
  <p>And in my app it looks like this:
  <a href="https://i.stack.imgur.com/Y5mGH.png" rel="nofollow noreferrer">my app</a></p>
  
  <p>I installed CKeditor with following:</p>
  
  <pre><code>npm install --save @ckeditor/ckeditor5-angular    
  npm i @ckeditor/ckeditor5-build-decoupled-document
  </code></pre>
  
  <p>And used in HTML:</p>
  
  <pre><code>&lt;ckeditor [editor]="Editor" data="&lt;p&gt;Hello, world!&lt;/p&gt;" (ready)="onReady($event)"&gt;&lt;/ckeditor&gt;
  </code></pre>
  
  <p>And in Component:</p>
  
  <pre><code>import * as DecoupledEditor from '@ckeditor/ckeditor5-build-decoupled-document';
  
  
  
  public Editor = DecoupledEditor;
  
    public onReady(editor) {
      editor.ui.view.editable.element.parentElement.insertBefore(
        editor.ui.view.toolbar.element,
        editor.ui.view.editable.element
      );
  
    }
  </code></pre>