anchor.diff:      <% end %>
     </div>
   </div>
  +
  +<!-- Include the Quill library -->
  +<script src="https://cdn.quilljs.com/1.3.6/quill.js"></script>
  +
  +<!-- Initialize Quill editor -->
  +<script>
  +  var form = document.querySelector('#post-form');
  +  var quill = new Quill('#editor', {
  +    theme: 'snow'
  +  });
  +
  +  var existingPostContent = document.getElementById('post-content').value;
  +  quill.root.innerHTML = existingPostContent;
  +
  +  form.onsubmit = function() {
  +    var postContentInput = document.querySelector('#post-content');
  +    postContentInput.value = quill.root.innerHTML;
  +  };
  +</script>
  
positive.code:       </div>
  
        <div class="form-group">
          <%= f.label :content, nil, class: 'col-form-label required' %>
          <%= f.text_area :content, class: "form-control ", :rows => "5", required:true %>
          <%= f.bootstrap_errors :content %>
          <span class="form-text text-muted">This field supports <a href="https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet" target="_blank" rel="noopener">Markdown</a>!</span>
        </div>
  
        <%= f.submit %>
  
negative.code: <link href="https://cdn.quilljs.com/1.3.6/quill.snow.css" rel="stylesheet">
  <!-- quill use adapted from https://harlemsquirrel.github.io/jekyll/update/2016/12/11/rails-and-quill.html> -->
  
  <div class="row">
    <div class="col-md-5">
      <%= form_with model: @post, multipart: true, id: "post-form", class: "needs-validation", autocomplete: 'off', novalidate: true do |f| %>
        <%= render 'shared/error_messages', :object => f.object %>
        <div class="form-group">
          <%= f.label :title, nil, class: 'col-form-label required' %>
  