Summernote wysiwig multiple test

by Petr Haluza

HTML

<script src="https://code.jquery.com/jquery-3.4.1.slim.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.8/summernote.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.8/summernote-bs4.css">
<textarea id="" class="summernote">Hello Summernote</textarea>
<textarea id="" class="summernote">Hello Summernote2</textarea>

CSS

.row {
  background: #f8f9fa;
  margin-top: 20px;
}

.col {
  border: solid 1px #6c757d;
  padding: 10px;
}

JavaScript

$(document).ready(function() {
  var $editor = $('.summernote');
  $editor.summernote({
    height: 200,
    callbacks: {
     onPaste: function (e) {
            var bufferText = ((e.originalEvent || e).clipboardData || window.clipboardData).getData('Text');
            e.preventDefault();
            document.execCommand('insertText', false, bufferText);
        }
  },
     toolbar: [
      ['operation', ['undo', 'redo']],
			['style', ['bold', 'italic', 'underline']],
      ['para', ['ul']],
      ['object', ['link']],
			['font', ['clear']],
      ['misc', [ 'codeview']]
    ]
  });

});