Неправильные стили классического редактора в компоненте angular

Question

1

Я следовал за быстрым стартом на https://ckeditor.com/docs/ckeditor5/latest/builds/guides/integration/frameworks/angular.html#quick -старт

Все выглядит хорошо за исключением того, что стили не выглядят хорошо для меня. В чем может быть причина того, что стили по умолчанию здесь не применяются?

вот со

<code><h2>Integration with forms (<code>ngModel</code>)</h2>

<form (ngSubmit)="onSubmit()" #demoForm="ngForm">
  <h3>User profile form</h3>

  <div>
    <label for="name">Name</label>
    <input [(ngModel)]="templateData.name" type="text" name="name" id="name">
  </div>

  <div>
    <label for="surname">Surname</label>
    <input [(ngModel)]="templateData.subject" type="text" name="surname" id="surname">
  </div>

  <label for="description">Description</label>
  <ckeditor
    [(ngModel)]="templateData.template"
    [editor]="editor"
    [config]="{ toolbar: [ 'heading', '|', 'bold', 'italic' ]}"
    id="description"
    name="description">
  </ckeditor>

  <p><button type="reset" (click)="reset()">Reset form</button></p>
  <p><button type="submit">Submit this form</button> <em>(Open the console first)</em></p>
</form>

<h3>Editor data preview (readable and writable)</h3>
<p>
  Note that it's only a prove of concept of using the `ngModel`.
  It allows editing, but the editor instantly strips out unknown tags and autoparagraphs text outside of block elements.
</p>
<textarea [(ngModel)]="templateData.template" style="width: 100%; height: 40px"></textarea>

<h3>Form data preview</h3>
<pre>{{ templateData.template }}