获取HTML代码

去代码在线高亮网站获得高亮后的HTML代码：（网站如下图所示）

地址：https://c.runoob.com/front-end/5536

①处填入要高亮的原始代码，②处是高亮后的HTML代码（是我们需要的），③处是高亮后的代码的效果预览

img

复制到CKEditor

点击CKEditor富文本编辑器左上角的源码选项，进入编辑源码状态，在对应的位置将刚刚得到的HTML代码复制进去即可

img

PS.

利用highlight.js实现代码高亮：highlight.js实现代码高亮