title: How to set summernote set image to take full width always
body: <p>I am working with a project that uses Summernote WYSIWYG plugin. For images that we upload with the editor, I need to set the image width to take full width(100%) by default. so that there will be no text wrapping or arranging issues with the text. It would be great if anyone can help me with this.</p>
  
  <p>here is the form element and script that I use summernote.</p>
  
  <pre><code>&lt;div class="form-group"&gt;
  &lt;label&gt;Post body&lt;/label&gt;
  &lt;textarea name="body" id="postBody" cols="30" rows="10" placeholder="body" class="form-control"&gt;&lt;/textarea&gt;
  &lt;/div&gt;
  
  $(document).ready(function () {
              $('#postBody').summernote({height: 300,});
  });
  </code></pre>