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的功能配置了!


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM