CKEditor Code Snippet插件不在yii2框架中进行语法高亮显示

时间:2014-12-11 21:05:19

标签: javascript php jquery ckeditor yii2

我在yii2 php框架应用程序中使用CKEditor及其Code Snippet plugin。当我使用CKEditor编写一些代码时,我想获得语法高亮,但无论我做什么,我都无法使其工作。我已经尝试了从指南中的所有内容,包括css和highlight.js在头部但我什么都没得到...声明资产包也没有帮助,yii2将加载文件,但突出显示仍然无法正常工作。

public $css = [
    'css/site.css',
    'highlight/styles/default.css'
];

public $js = [
    'js/site.js',
    'highlight/highlight.pack.js'
];

我正在使用此小部件在我的yii2网站中安装CKEditor:https://github.com/2amigos/yii2-ckeditor-widget

有人可以帮我解决这个问题吗?我需要做些什么来使语法高亮显示工作?

编辑:突出显示在编辑器内部工作,但我需要在我的页面上发布代码。

1 个答案:

答案 0 :(得分:2)

我已经解决了我的问题,在我的页面上加载了highlight.pack.js之后我必须包含hljs.initHighlightingOnLoad();。有几种方法可以这样做,我这样做了:

我已将hljs.initHighlightingOnLoad();作为我的site.js脚本的一部分,我已经 highlight.pack.js之后加载了site.js文件。所以我不得不像这样更新我的资产包:

public $js = [
    'highlight/highlight.pack.js',
    'js/site.js'
];

我有几个小时的麻烦,并没有意识到解决方案就这么简单。必须是大脑冻结...