<>

【Crayon-Syntax-Highlighter】コードが勝手に改行される⁉|ルクセリタス

カスタマイズコードなどをWebサイトに分かりやすく表示させる"Syntax-Highlighter"

ワードプレスのプラグインでかんたんに利用することができるのですが
バージョンアップした ルクセリタスでは Syntax-Highlighterのコードがうまく表示されないようです。

Syntax-Highlighter

Syntax-Highlighterは CrayonとUrvanov 2種類あります。

Crayon-Syntax-Highlighter は利用はできますが すでに更新が止まっており
Urvanov-Syntax-Highlighter へと 移行されたような形です。

この他にもSyntax-Highlighterのプラグインはありますが
わたしはこちらのプラグインが使いやすいので愛用しています。

ルクセリタスで正しく表示できない!

バージョンアップされたルクセリタスで コードが正しく表示されていないことが分かりました。

1行で表示されるはずのコードが勝手に改行されてしまっていました!!

確認できているのは luxeritas-3.20.0.1 以降で
原因は スペースを空けた表示のコードが 改行と認識されてしまうコードが指定されているようです。

また ルクセリタスの方でも今後 修正してくれるかもしれませんが
とりあえずコードを追加することで改善されます。

CSSコードを追加する

このコードで正常に表示されるはずなので試してみてください!