Django中使用CKEditor代码高亮显示插件Code Snippet

Django使用CKEditor可以安装django-ckeditor这个模块,具体步骤可按照这里进行:http://www.nanerbang.com/article/2/

我在富文本编辑器中想使用插入代码块的功能,这时Code Snippet这个CKEditor的插件派上用场了

新版本的CKEditor中已经集成了这个插件,在Python安装目录下可查看到:D:\Dev\Python35\Lib\site-packages\ckeditor\static\ckeditor\ckeditor\plugins\codesnippet

按照网上的教程(教程可参考这里:http://bookshadow.com/weblog/2014/08/18/django-blog-zinnia-ckeditor/)  ,开启codesnippet插件,但是运行程序后编辑器的工具栏中依然没有出现这个可爱的图标

于是乎,一直在苦苦摸索,这个可爱的图标到底要如何才会现身,我又在官网(http://sdk.ckeditor.com/samples/codesnippet.html)找到了这么一句话:

确确实实是只要启用codesnippet插件,那个图标就会自动展示出来啊!!!

最终,折腾了挺久之后,我无奈的到CKEditor官网重新下载一个安装包,并且将安装的django-ckeditor模块下的ckeditor文件夹进行了替换

果不其然,替换之后再运行程序,编辑器工具栏中插入代码块的图标终于得以展示出来了(安装django-ckeditor后,为什么没法启用codesnippet我还没搞明白),而且还发现CKEditor一特人性化的操作,在ckeditor有一个samples文件夹,打开其中的index.html,发现CKEditor编辑器的工具栏完全可以进行可视化的配置了,如图:

得到的工具栏配置信息:

 

 这下可以轻松搞定CKEditor的功能配置了!

posted @ 2016-03-20 23:09  寻_FIND  阅读(2658)  评论(3编辑  收藏  举报