$(document).ready(function () {
    $('#article').summernote({
        height: 300, // set editor height
        minHeight: null, // set minimum height of editor
        maxHeight: null, // set maximum height of editor
        focus: false, // set focus to editable area after initializing summernote
        fontNames: ['Arial', 'Arial Black', 'Comic Sans MS', 'Courier New', 'Rubik'],
        fontNamesIgnoreCheck: ['Rubik'],
        toolbar: [
            // [groupName, [list of button]]
            ['style', ['bold', 'italic', 'underline', 'clear']],
            ['font', ['strikethrough', 'superscript', 'subscript']],
            ['fontsize', ['fontsize']],
            ['color', ['color']],
            ['para', ['ul', 'ol', 'paragraph']],
            ['height', ['height']],
            ['fontNames', ['Arial', 'Arial Black', 'Comic Sans MS', 'Courier New', 'Rubik']],
            ['fontNamesIgnoreCheck', ['Rubik']],
        ]
    });

    $('#article1').summernote({
        height: 300, // set editor height
        minHeight: null, // set minimum height of editor
        maxHeight: null, // set maximum height of editor
        focus: false, // set focus to editable area after initializing summernote
        fontNames: ['Arial', 'Arial Black', 'Comic Sans MS', 'Courier New', 'Rubik'],
        fontNamesIgnoreCheck: ['Rubik'],
        toolbar: [
            // [groupName, [list of button]]
            ['style', ['bold', 'italic', 'underline', 'clear']],
            ['font', ['strikethrough', 'superscript', 'subscript']],
            ['fontsize', ['fontsize']],
            ['color', ['color']],
            ['para', ['ul', 'ol', 'paragraph']],
            ['height', ['height']],
            ['fontNames', ['Arial', 'Arial Black', 'Comic Sans MS', 'Courier New', 'Rubik']],
            ['fontNamesIgnoreCheck', ['Rubik']],
        ]
    });

    $('#article2').summernote({
        height: 300, // set editor height
        minHeight: null, // set minimum height of editor
        maxHeight: null, // set maximum height of editor
        focus: false, // set focus to editable area after initializing summernote
        fontNames: ['Arial', 'Arial Black', 'Comic Sans MS', 'Courier New', 'Rubik'],
        fontNamesIgnoreCheck: ['Rubik'],
        toolbar: [
            // [groupName, [list of button]]
            ['style', ['bold', 'italic', 'underline', 'clear']],
            ['font', ['strikethrough', 'superscript', 'subscript']],
            ['fontsize', ['fontsize']],
            ['color', ['color']],
            ['para', ['ul', 'ol', 'paragraph']],
            ['height', ['height']],
            ['fontNames', ['Arial', 'Arial Black', 'Comic Sans MS', 'Courier New', 'Rubik']],
            ['fontNamesIgnoreCheck', ['Rubik']],
        ]
    });
});