title: Quill Js not working inside my content body
body: <p>I'm using Quill Js for rich editor for my blog content, when I edit inside my rich editor textaria then I can see work successful, but when I publish my blog then nothing happened on the content, just publish a plane text, I don't know why!</p>
  <p>I'm using <code>next js</code></p>
  <p>I have tried by this way.</p>
  <p><code>_document.js</code> file</p>
  <pre><code>class MyDocument extends Document {
    render() {
      return (
        &lt;Html lang=&quot;en&quot;&gt;
          &lt;Head&gt;
            &lt;meta charSet=&quot;URF-8&quot; /&gt;
            &lt;meta
              name=&quot;viewport&quot;
              content=&quot;width=device-width, initial-scale=1.0&quot;
            /&gt;
            &lt;link
              href=&quot;https://cdn.quilljs.com/1.0.0/quill.snow.css&quot;
              rel=&quot;stylesheet&quot;
            &gt;&lt;/link&gt;
            &lt;script src=&quot;https://cdn.quilljs.com/1.3.4/quill.js&quot;&gt;&lt;/script&gt;
            &lt;link
              href=&quot;//cdn.quilljs.com/1.3.6/quill.core.css&quot;
              rel=&quot;stylesheet&quot;
            &gt;&lt;/link&gt;
          &lt;/Head&gt;
          &lt;body&gt;
  
          &lt;/body&gt;
        &lt;/Html&gt;
      );
    }
  }
  
  export default MyDocument;
  
  </code></pre>
  <p>I have import those library</p>
  <p>then I have tried code like this:</p>
  <p><code>BlogCreate.js</code> file</p>
  <p><code>const ReactQuill = dynamic(() =&gt; import(&quot;react-quill&quot;), { ssr: false });</code></p>
  <pre><code>&lt;div className=&quot;form-group&quot;&gt;
                  &lt;ReactQuill
                    modules={BlogCreate.modules}
                    formats={BlogCreate.formats}
                    value={body}
                    placeholder=&quot;Write something amazing...&quot;
                    onChange={handleBody}
                  /&gt;
                &lt;/div&gt;
  </code></pre>
  <p>I have import some of <code>modules</code> and <code>formats</code></p>
  <p>by this way:</p>
  <pre><code>BlogCreate.modules = {
    toolbar: [
      [{ header: &quot;1&quot; }, { header: &quot;2&quot; }, { header: [3, 4, 5, 6] }, { font: [] }],
      [{ size: [] }],
      [&quot;bold&quot;, &quot;italic&quot;, &quot;underline&quot;, &quot;strike&quot;, &quot;blockquote&quot;],
      [
        { list: &quot;ordered&quot; },
        { list: &quot;bullet&quot; },
        { indent: &quot;-1&quot; },
        { indent: &quot;+1&quot; },
      ],
      [{ align: [] }],
      [&quot;link&quot;, &quot;image&quot;, &quot;video&quot;],
      [&quot;clean&quot;],
      [&quot;code-block&quot;],
    ],
  };
  
  BlogCreate.formats = [
    &quot;header&quot;,
    &quot;font&quot;,
    &quot;size&quot;,
    &quot;bold&quot;,
    &quot;italic&quot;,
    &quot;underline&quot;,
    &quot;strike&quot;,
    &quot;blockquote&quot;,
    &quot;list&quot;,
    &quot;bullet&quot;,
    &quot;link&quot;,
    &quot;image&quot;,
    &quot;video&quot;,
    &quot;code-block&quot;,
  ];
  
  </code></pre>
  <p>Any Suggestion Please.</p>