title: Cannot customize PrimeNG Quill Editor in Angular
body: <p>I am using <a href="https://www.primefaces.org/primeng/#/editor" rel="nofollow noreferrer">PrimeNG Editor (based on Quill</a> in an Angular 7 project and I want to customize the toolbar. Although I have tried some of the configuration options on HTML and JavaScript side, the only thing I managed to update is <code>placeholder</code> property via HTML side. Here is my approach (I defined Editor as a custom control):</p>
  
  <p><strong><em>#FormComponent.ts:</em></strong></p>
  
  <pre><code>public controlDescription = new ControlEditor({
      key: 'Description',
      label: 'Description',
      required: true
  });
  
  this.controls = [this.controlDescription, ... ];
  </code></pre>
  
  <p><br/></p>
  
  <p><strong><em>#FormComponent.html:</em></strong></p>
  
  <pre><code>&lt;div comp-dynamic-control [form]="form" [control]="controlDescription"&gt;&lt;/div&gt;
  </code></pre>
  
  <p><br/></p>
  
  <p><strong><em>#ControlEditor.html:</em></strong></p>
  
  <pre><code>&lt;p-editor [formControlName]="control.key" placeholder='Compose text...'&gt;&lt;/p-editor&gt;
  </code></pre>
  
  <p><br/></p>
  
  <p>Please note that I also tried to use Editor directly (without our Custom Editor) using the following code in <strong>FormComponent.html</strong> but there is no editor seems on the page despite adding <strong>import {EditorModule} from 'primeng/editor';</strong> to the ControlEditor.ts file. ANy idea? </p>
  
  <pre><code>&lt;p-editor formControlName="description" [style]="{'height':'320px'}"&gt;&lt;/p-editor&gt;
  </code></pre>