title: How to Prefill Data Inside The Quill Js Editor In Angular
body: <p>I need a little help here.</p>
  
  <p>I have some data gotten from an api in my angular application.</p>
  
  <p>I want to prefill the value of the data I am getting inside the Quill Editor input box.
  The Quill Editor doesn't work with the html
  <code>value</code>
  attribute, so this doesn't work: <code>[value]="paymentMessage ? paymentMessage.message_before_payment : ''"</code></p>
  
  <p>So far, I can only display the data as a placeholder instead of an actual value.
  Here is my code below:</p>
  
  <pre><code> &lt;quill-editor
              [styles]="editorStyle"
              name="form"
              [placeholder]="paymentMessage ? paymentMessage.message_before_payment : ''"
              [ngModelOptions]="{ standalone: true }"
   &gt;
   &lt;/quill-editor&gt;
  </code></pre>
  
  <p>Here is the result I get:
  <a href="https://i.stack.imgur.com/7smdY.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/7smdY.png" alt="enter image description here"></a></p>
  
  <p>If I use the <code>[innerHtml]</code> attribute. The data will display outside the input field instead of it displaying inside the input field.</p>
  
  <p>I'll really appreciate any help I can get.</p>
  
  <p>Here is a link to their npm site. <a href="https://www.npmjs.com/package/ngx-quill" rel="nofollow noreferrer">https://www.npmjs.com/package/ngx-quill</a></p>