title: Using <br> instead of <p> in Summernote?
body: <p>Needed to use <code>&lt;br&gt;</code> tag in the summernote editor instead of <code>&lt;p&gt;</code> while user clicks on the Enter button, so here is my code:</p>
  
  <pre><code>var $this = $(this),
      box = $('textarea.CommentsFields');
  box.summernote({
      height: 100,
      focus: true,
      toolbar: [
          [ 'all', [ 'bold', 'strikethrough', 'ul', 'ol', 'link' ] ],
          [ 'sided', [ 'fullscreen' ] ]
      ],
      callbacks: {
          onEnter: function(){
              box.summernote('insertNode', document.createTextNode("&lt;br&gt;")); 
              console.log('uiwdbvuwecbweuiuinsjk');
          }
      }
  });
  </code></pre>
  
  <p>I wrote a custom callback of the onEnter event, when the user hit the return button it raises a callback, and write the <code>&lt;br&gt;</code> tag which is not what I am looking for. </p>
  
  <p><a href="https://i.stack.imgur.com/X5cHm.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/X5cHm.png" alt="result screenshot"></a></p>
  
  <p>I read their documentation but can not understand how to stop the default action of the enter button and write <code>&lt;br&gt;</code> tag instead of wrapping the element in <code>&lt;p&gt;</code> tag.</p>
  
  <p>Any idea? Thanks</p>