Использование нескольких всплывающих окон в Summernote - PullRequest
Новая
       8

Использование нескольких всплывающих окон в Summernote

0 голосов
/ 30 сентября 2018

Я добавил поповертер в Summernote с помощью плагина Image Attributes (https://github.com/DiemenDesign/summernote-image-attributes), чтобы разрешить мне редактировать размер изображения - он работает нормально, но он разбивает всплывающее окно таблицы, чтобы добавить новый столбец и т. Д.

Возможно ли иметь более одного всплывающего окна? Если да, то как мне определить всплывающее окно таблицы, поскольку я предполагаю, что его необходимо неявно определить в всплывающих окнах?

Например, это изменяет стандартное всплывающее окно изображенияно тогда всплывающее окно таблицы больше не показывает: 

$('.pageseditor').summernote({
    toolbar: [
        ['style', ['style']],
        ['font', ['bold', 'italic', 'underline', 'strikethrough', 'superscript', 'subscript', 'clear','undo','redo']],
        ['color', ['color']],
        ['para', ['ul', 'ol', 'paragraph']],
        ['height', ['height']],
        ['table', ['table']],
        ['insert', ['link', 'picture', 'video', 'hr']]          
    ],
    popover: {
        image: [
            ['custom', ['imageAttributes']],
            ['float', ['floatLeft', 'floatRight', 'floatNone']],
            ['remove', ['removeMedia']]
        ]
    },
    lang: 'en-US', // Change to your chosen language
    imageAttributes:{
        icon:'<i class="note-icon-pencil"/>',
        removeEmpty:false, // true = remove attributes | false = leave empty if present
        disableUpload: true // true = don't display Upload Options | Display Upload Options
    },                        
      callbacks: {
        onImageUpload: function(image) {
            uploadSNImage(image[0]);
        }
      }
});

, тогда как ниже корректно показано всплывающее окно таблицы: 

$('.pageseditor').summernote({
    toolbar: [
        ['style', ['style']],
        ['font', ['bold', 'italic', 'underline', 'strikethrough', 'superscript', 'subscript', 'clear','undo','redo']],
        ['color', ['color']],
        ['para', ['ul', 'ol', 'paragraph']],
        ['height', ['height']],
        ['table', ['table']],
        ['insert', ['link', 'picture', 'video', 'hr']]          
    ],                        
      callbacks: {
        onImageUpload: function(image) {
            uploadSNImage(image[0]);
        }
      }
});

Я попытался изменить всплывающее окно, чтобы включить таблицу, чтобы она выглядела так: 

    popover: {
        image: [
            ['custom', ['imageAttributes']],
            ['float', ['floatLeft', 'floatRight', 'floatNone']],
            ['remove', ['removeMedia']]
        ],
        table: []
    },

но я предполагаю, что ему нужны параметры таблицы, на которые я нигде не могу найти ссылки.

...