如何在 Django Summernote 中显示编程片段的代码块？

Posted 2023-03-22

【中文标题】如何在 Django Summernote 中显示编程片段的代码块？

【英文标题】：How to show code blocks for programming snippets in Django Summernote?

【发布时间】：2020-12-09 11:34:49

【问题描述】：

我在 website 上使用 Django Summernote。这就是编辑器的外观。 您可以在下面找到我的 Summernote 编辑器的 django 设置。

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',
        ,

    

但遗憾的是，它没有代码块选项来显示编程sn-ps。我在这里做错了什么？

【参考方案1】：

我遇到了同样的问题，您必须在 settings.py 文件中切换（降级）以引导 3：

    SUMMERNOTE_THEME = 'bs3'

我不知道为什么 bs4 没有这种内置风格。如果你坚持使用 bs4，你必须使用 django summernote 的外部插件，并在你的 settings.py 中再次编辑 Summernote 配置：

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

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

此示例用于将 codemirror 外部插件与 Summernote 一起使用（并更改字段的大小）

【参考方案2】：

Django Summernote 已经有一个内置的代码格式

尝试在您的 django 项目中重新安装 django summernote，并确保您在他们的GitHub Repository 中获得了正确说明的所有设置说明