Django CKEditor 代码片段未正确呈现答案

【问题标题】：Django CKEditor Code Snippet not rendered correctlyDjango CKEditor 代码片段未正确呈现
【发布时间】：2022-07-07 06:39:59
【问题描述】：

我正在构建一个支持 post 和 cmets 的代码 sn-ps 的 Django 博客。以下是我在 settings.py 中的 CKEditor 配置

CKEDITOR_CONFIGS = {
    'default': {
        'toolbar': 'full',
        'extraPlugins': ','.join(
            [
                'codesnippet',
                'widget',
                'dialog',
            ]),
    },
    'comment': {
        'toolbar_Full': [
            ['Styles', 'Format', 'Bold', 'Italic', 'Underline', 'Strike', 'SpellChecker', 'Undo', 'Redo'],
            ['Link', 'Unlink', 'Anchor'],
            ['Image', 'Flash', 'Table', 'HorizontalRule'],
            ['TextColor', 'BGColor'],
            ['Smiley', 'SpecialChar'], ['Source'],
            ['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],
            ['NumberedList','BulletedList'],
            ['Indent','Outdent'],
            ['Maximize'],
            ['CodeSnippet']
        ],
        'extraPlugins': ','.join(
            [
                'codesnippet',
                'widget',
                'dialog',
            ]),
    }
}

模型和表单中的所有 RichTextField 实例都替换为 RichTextUploadingField。然后我运行了迁移。

我的文本字段有代码 sn-p 按钮。单击按钮允许最终用户发布代码 sn-ps。

但是当提交表单时，sn-p 没有正确标记。

没有降价或语法高亮。我在配置中遗漏了什么吗？还是Django的表单对代码sn-ps的支持有限？

【问题讨论】：

标签： python django ckeditor code-snippets

【解决方案1】：

你需要在你的base.html中使用像highlight.js这样的javascript库来使它像在ckedito中一样

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.5.1/styles      /default.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.5.1   /highlight.min.js"></script>
 <script>hljs.highlightAll();</script>

【讨论】：