highlight.js mit CKEditor codesnippet

Question

Ich versuche highlight.js mit CKEditor addon CodeSnippet zu verwenden.

Ich habe CKEditor funktioniert einschließlich der CodeSnippet Addon, aber mein Code wird nicht erkannt oder farbcodiert oder eingerückt oder etwas, was ich erwarten würde.

highlight.js Lesen sie sagt

Dies finden und markieren Code innerhalb der Pre-Code-Tags; Es versucht die Sprache automatisch zu erkennen. Wenn die automatische Erkennung nicht für Sie arbeiten, können Sie die Sprache in der Klasse Attribut angeben:

Dies ist das JavaScript, das ich in der HTML-Datei haben die highlight.js zu nennen:

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

Und dies ist mein config.js für CKEditor:

CKEDITOR.editorConfig = function(config) {. 
    config.toolbarGroups = [ 
     { name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ] }, 
     { name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align' ] }, 
     { name: 'styles' }, 
     { name: 'colors' }, 
     { name: 'insert', groups: [ 'codesnippet'] }, 
    ]; 


    config.removeButtons = 'Image,Flash,Table,HorizontalRule,Smiley,SpecialChar,PageBreak,Iframe'; 

    config.format_tags = 'p;h1;h2;h3;pre'; 

    config.removeDialogTabs = 'image:advanced;link:advanced'; 
}; 

Answer 1

Dies löste es:

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', 
      ]), 
    } 
}