ckEditor 4.8 使用（2）: 代码高亮

ckEditor的代码高亮功能并不是原生自带功能，需要使用插件 Code Snippet

1. 下载:下载地址: http://ckeditor.com/addon/codesnippet

2. 下载之后将解压得到的codesnippet文件夹复制到 ckeditor/plugins下

3. ckeditor的配置项extraPlugins添加上'codesnippet'

CKEDITOR.editorConfig = function (config) {
    // 多个插件名逗号隔开
    config.extraPlugins = 'codesnippet'
};

4.红框标出的就是添加代码功能

5.Code Snippet代码高亮功能的实现依赖highlight.js库，虽然编辑时可以显示高亮的样式，但是在展示页并没有样式，所以要在展示页引入highlight.js

<link rel="stylesheet"
      href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/default.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>

6. 至此代码高亮功能完成