Highlighting Code Blockの表示不具合

WordPress

Cocoon テーマとHighlighting Code Block プラグインの組合せで、以下の図のようにハイライトされない、行番号が表示されない事象が発生したので記す。

原因と対応

CocoonのJavascript縮小化機能を無効化したら改善した。縮小化機能によるものと考えられる。そもそも、prism.jsは縮小化されたもの(Minified version)を使用していれば十分なので、以下の図の通りprism.jsを除外すればOK。

なお、W3C Total Cache プラグインのJS minify settingsを有効化しても発生したので、回避するには同様に除外設定すればOK。

コメント

タイトルとURLをコピーしました