title: Angular 6 PrimeNG custom editor
body: <p>I am trying to customize my <code>PrimeNG Editor</code> I'm having adding a select dropdown list with custom font sizes <code>[12px, 14px, 16px...]</code> </p>
  
  <p>Here is the component <code>HTML</code></p>
  
  <pre><code>&lt;p-editor [(ngModel)]="value" (onTextChange)="onTextChanged($event)"&gt;
              &lt;p-header&gt;
                      &lt;span class="ql-formats"&gt;
                       ...
                        &lt;select class="ql-size"&gt;
                              &lt;option value="12px"&gt;12&lt;/option&gt;
                              &lt;option value="14px"&gt;14&lt;/option&gt;
                              &lt;option value="16px"&gt;16&lt;/option&gt;
                          &lt;/select&gt;
                      &lt;/span&gt;
                     ...
                    &lt;/p-header&gt;               
      &lt;/p-editor&gt;
  </code></pre>
  
  <p>I can get the select list to show with all the font sizes
  <a href="https://i.stack.imgur.com/pgIYQ.png" rel="noreferrer"><img src="https://i.stack.imgur.com/pgIYQ.png" alt="enter image description here"></a></p>
  
  <p>I'm not sure how to add the functionality to change the font size when selecting an option in the list. I don't see any examples in their docs for typescript. How can I make a select list of custom font sizes?</p>
  
  <p><a href="https://quilljs.com/docs/modules/toolbar/" rel="noreferrer">Here are the docs I followed</a></p>
  
  <p><a href="https://stackblitz.com/edit/quill-editor-z1sxxu?file=angular.json" rel="noreferrer">example</a></p>