Как отобразить блоки кода для фрагментов программирования в Django Summernote?

#django #summernote

#django #summernote

Вопрос:

Я использую Django Summernote на своем веб-сайте. Вот как выглядит редактор. введите описание изображения здесьНиже вы можете найти настройки django для моего редактора Summernote.

 SUMMERNOTE_CONFIG = {
    # Or, you can set it as False to use SummernoteInplaceWidget by default - no iframe mode
    # In this case, you have to load Bootstrap/jQuery stuff by manually.
    # Use this when you're already using Bootstraip/jQuery based themes.
    'iframe': False,

    # You can put custom Summernote settings
    'summernote': {
        # As an example, using Summernote Air-mode
        'airMode': False,

        # Change editor size
        'width': '100%',
        'height': '480',

        'toolbar': [
            ['style', ['style']],
            ['font', ['bold', 'underline', 'clear']],
            ['fontname', ['fontname']],
            ['color', ['color']],
            ['para', ['ul', 'ol', 'paragraph']],
            ['table', ['table']],
            ['insert', ['link', 'picture', 'video']],
            ['view', ['fullscreen', 'codeview', 'help']],
        ],

        

        'codemirror': {
            'mode': 'htmlmixed',
            'lineNumbers': 'true',
            # You have to include theme file in 'css' or 'css_for_inplace' before using it.
            'theme': 'monokai',
        },

    }
}
  

Но, к сожалению, у него нет возможности для блока кода показывать фрагменты программирования. Что я здесь делаю не так?

Ответ №1:

У меня была такая же проблема, вам нужно переключиться (деградировать) на bootstrap 3 в вашем settings.py файл :

     SUMMERNOTE_THEME = 'bs3'
  

Я не знаю, почему в bs4 нет такого встроенного стиля. Если вы настаиваете на использовании bs4, вам придется использовать внешний плагин с django summernote и отредактировать конфигурацию summernote следующим образом в вашем settings.py снова :

 SUMMERNOTE_CONFIG = { 
    
    'summernote' : {
        'width': '100%',
        'height': '720',

    'codemirror': {
        'mode': 'htmlmixed',
        'lineNumbers': 'true',
}
}
}
  

этот пример предназначен для использования внешнего плагина codemirror с summernote (и изменения размера поля)

Ответ №2:

Django Summernote уже имеет встроенный формат кода

django summernote

Попробуйте переустановить django summernote в вашем проекте django и убедитесь, что вы правильно выполнили все инструкции по установке, указанные в их репозитории GitHub