Question

我正在尝试将highlight.js与CKEditor插件CodeSnippet一起使用。

我CKEditor正在工作，包括CodeSnippet插件，但我的代码没有被检测到，或者是彩色编码或缩进或者我想要的任何内容。

阅读highlight.js它说

这将找到并突出显示预代码标记内的代码;它尝试自动检测语言。如果自动检测没有为你工作，你可以在class属性中指定语言：

这是我在HTML文件中调用highlight.js：

的JavaScript

<script src="{% static 'js/ckeditor/plugins/codesnippet/lib/highlight/highlight.pack.js' %}"></script>
<script>hljs.initHighlightingOnLoad();</script>

这是config.js的{{1}}：

CKEditor

Answer 1

这解决了它：

CKEDITOR_CONFIGS = {
    'default': {
        'skin': 'bootstrapck',
        'toolbar': 'Custom',
        'toolbar_Custom': [
            {'name': 'basicstyles', 'items': ['Bold', 'Italic', 'Underline', '-', 'RemoveFormat']},
            {'name': 'paragraph', 'items': ['NumberedList', 'BulletedList']},
            {'name': 'indent', 'items': ['Indent', 'Outdent']},
            {'name': 'codeSnippet', 'items': ['CodeSnippet',]}
        ],
        'codeSnippet_theme': 'school_book',
        'tabSpaces' : 4,
        'extraPlugins': ','.join(
            [
            'codesnippet',
            'widget',
            'dialog',
            ]),
    }
}

使用CKEditor codesnippet突出显示

1 个答案: