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