<!-- Summernote JS -->
<script src="https://cdn.jsdelivr.net/npm/summernote@0.8.20/dist/summernote-bs4.min.js"></script>
<script>
$(document).ready(function() {
    $('#editor1').summernote({
        height: 250,   // set editor height
        placeholder: 'Type your content here...',
        toolbar: [
            ['style', ['style']],
            ['font', ['bold', 'italic', 'underline', 'clear']],
            ['para', ['ul', 'ol', 'paragraph']],
            ['view', ['codeview']]
        ],
        codemirror: { theme: 'monokai' }, // optional
        callbacks: {
            onPaste: function(e) {
            // Allow divs on paste
            }
        },
        codeviewFilter: false,
        codeviewIframeFilter: false,
        disableDragAndDrop: false
    });
    $('#editor2').summernote({
        height: 200,   // set editor height
        placeholder: 'Type your content here...',
        toolbar: [
            ['view', ['codeview']]
        ],
        codemirror: { theme: 'monokai' }, // optional
        callbacks: {
            onPaste: function(e) {
            // Allow divs on paste
            }
        },
        codeviewFilter: false,
        codeviewIframeFilter: false,
        disableDragAndDrop: false
    });
});
</script>