title: How to configure editor component to enable source code formatting?
body: <p>Im trying to use the primeng editor (which uses quill) for an in-browser editor where users can paste source code snippets. How do I configure the primeng editor (or quill) to format common code formats just as typescript, javascript, c# etc?</p>
  
  <p>I create an editor defined like this: <br/></p>
  
  <pre><code> &lt;p-editor formControlName="editor" [style]="{'height':'320px'}" name="text"&gt;&lt;/p-editor&gt;
  </code></pre>
  
  <p>Which then renders like this:</p>
  
  <p>Source code with no formatting.<br/>
  ------------------------<br/>
  <a href="https://i.stack.imgur.com/9L9F8.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/9L9F8.png" alt="enter image description here"></a>
  Looking at the Quill website, if I paste in some sample code here<br/>
  <a href="https://quilljs.com/docs/formats/" rel="nofollow noreferrer">https://quilljs.com/docs/formats/</a></p>
  
  <p>I then see the content rendered like this:<br/></p>
  
  <p>------------------------<br/></p>
  
  <p><a href="https://i.stack.imgur.com/oqjwA.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/oqjwA.png" alt="enter image description here"></a></p>