highlight.js with CKEditor codesnippet

Question

highlight.jsをCKEditorで追加しようとしていますaddon CodeSnippet

私はCodeSnippetアドオンを含むCKEditorを持っていますが、私のコードは検出されていないか、色分けされていません。 highlight.jsを読む

これは、事前コードタグの内部コードを見つけて、ハイライト表示されます

言います。 は自動的に言語を検出しようとします。自動検出があなたのためではない 作業を行う場合は、クラス属性で言語を指定することができます。

これにはJavaScriptで私がコールするHTMLファイルを持っているhighlight.js：

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

そして、これは、それを解決し

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

：これは私のconfig.jsCKEditorです

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