Пользовательские кнопки Summernote в Django Admin - PullRequest
Новая
       62

Пользовательские кнопки Summernote в Django Admin

0 голосов
/ 21 марта 2020

Я хочу создать кнопку предварительного просмотра в редакторе summernote в Django Интерфейс администратора. Я поместил следующую конфигурацию в файл setting.py: 

SUMMERNOTE_CONFIG = {
    'summernote': {
        'airMode': False,
        'width': '100%',
        'height': '600',
        'lang': 'fr-FR',

        'toolbar':[
                ['style', ['bold', 'italic', 'underline','clear']],
                ['style', ['strikethrough', 'superscript', 'subscript']],
                ['fontname',['fontname','fontsize']],
                ['fontname',['color']],
                ['para', ['ul', 'ol', 'paragraph','height']],
                ['table', ['table','picture','hr']],
                ['undo redo', ['undo','redo']],
                ['fullscreen help', ['fullscreen','help']],
                ['preview', ['preview']],
                ],

        'buttons': {
            'preview': 'PreviewButton'
        },

    },

    'js': (
        '/static/summernote-ext-print.js',
    ),

}

в файл summernote-ext-print. js Я добавил следующее: 

var PreviewButton = function (context) {
    var ui = $.summernote.ui;
    // create button
    var button = ui.button({
      contents: '<i class="fas fa-print"/>',
      tooltip: 'Preview',
      click: function () {
        context.invoke('editor.insertText', 'hello');
      }
    });
    return button.render();   // return button as jquery object
  }

Но в Django Администраторский интерфейс, кнопка не отображается.

См. Secreenshot

Что не так в моем коде?

С уважением.

...