JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.9/summernote.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.9/summernote.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.13.0/umd/popper.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0/css/bootstrap.min.css">
<div id="summernote"></div>

JavaScript

var editor = $('#summernote').summernote({
	toolbar: false,
  callbacks: {
    onKeyup: function(e) {
      var note = $('.note-editable p');
      $.each(note, function(key,val) {
      var noteLength = $(val).text().length;
      if (noteLength === 5) {
      	 editor.summernote('insertParagraph');
      }
      console.log($(val).text().length)
      })
    }
  }
});