查看 ckeditor 插件中是否有 codesnippet目录  ckeditor\plugins\codesnippet

没有的话到 https://ckeditor.com/cke4/addon/codesnippet 下载解压

code:

 myeditor = CKEDITOR.replace('k_text', {
                extraPlugins: 'codesnippet',codeSnippet_theme: 'zenburn'
            });

如果你配置了toolbar选项 则需要在toolbar中加入 CodeSnippet

到这一步，你在编辑器里可以看到高亮效果，但是页面上却没有，这是因为页面没有引入

 toolbar: [
                    { name: 'insert', items : [ 'Image','CodeSnippet','Table','HorizontalRule','Smiley','SpecialChar','PageBreak'] }
                ]

highlight.js

下载地址：https://highlightjs.org/download/

代码段 小部件
代码段 小部件