请教如何在Python-CKEditor中配置CodeSnippet插件来达到代码高亮的效果

Todorov 发布于 2016/03/13 22:04
阅读 1K+
收藏 1

在学习Django的过程中,最近自己在尝试做一个博客,其中富文本编辑器使用的是CKEditor,其功能也基本能够实现了,但是代码高亮功能采用CodeSnippet插件没有调出来。

首先我的CKEditor版本为4.5.3(CKEditor 4.5.3 (revision 6c70c82)),其中plugins文件夹中自带了CodeSnippet插件

然后在config.js中加入

CKEDITOR.editorConfig = function( config ) {
    config.filebrowserUploadUrl="/blog/upload_img/";
    config.extraPlugins = 'codesnippet';
};
后来查询网上另一博客提到替换为config.extraPlugins = 'clipboard,lineutils,widget,dialog,codesnippet';结果也是一样的

在Django的settings.py中添加

CKEDITOR_CONFIGS = {
    'default': {
        'extraPlugins': "codesnippet",
        'toolbar': (['div', 'Source', '-', 'Save', 'NewPage', 'Preview', '-', 'Templates'],
                    ['Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-','Print','SpellChecker','Scayt'],
                    ['Undo', 'Redo', '-', 'Find', 'Replace', '-', 'SelectAll', 'RemoveFormat'],
                    ['Form', 'Checkbox', 'Radio', 'TextField', 'Textarea', 'Select', 'Button', 'ImageButton',
                     'HiddenField'],
                    ['Bold', 'Italic', 'Underline', 'Strike', '-', 'Subscript', 'Superscript'],
                    ['NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', 'Blockquote'],
                    ['JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock'],
                    ['Link', 'Unlink', 'Anchor'],
                    ['Image', 'Flash', 'Table', 'HorizontalRule', 'Smiley', 'SpecialChar', 'PageBreak'],
                    ['Styles', 'Format', 'Font', 'FontSize'],
                    ['TextColor', 'BGColor'],
                    ['Maximize', 'ShowBlocks', '-', 'About'],

                    ),
    }
}
在界面中仍然没有能够显示插入代码的图标(如下图)

如果有人了解的话还请不吝赐教,谢谢!!


加载中
返回顶部
顶部