メインコンテンツに移動
メインナビゲーション
ホーム
サイトマップ
ビデオ
ご連絡
パンくず
ホーム
Syntax Hightlightのコード表示乱れ
Syntax Hightlightのコード表示乱れ
記事カテゴリ
drupal
タグ
javascript
ckeditor
syntax highlighter
問題点:
サイトのテーマを変更して、いつの間にかにSyntax Hightlighterのソースコード表示が乱れています。入力したソースコードが単語単位で改行されてしまいまして、ソースコードが全然まともに表示されていないです。
原因
いろいろチェックしたところで、Syntax Hightlighterのあるタグ「code」がほかのcssに定義されてソースコードの表示が乱れてしまったことを分かりました。
解決方法
上記codeタグのstyleを再定義します
サイトのcssファイル(style.css)に一行を追加します:
.syntaxhighlighter code{ display: inline !important; }
古松
検索
Search
Article Category
apache(7)
css(19)
drupal(295)
Electron(4)
html(34)
javascript(27)
laravel(4)
linux(5)
macOS(2)
mysql(13)
php(19)
python(4)
SEO(12)
video(72)
Visual Studio Code(4)
windows(13)
wordpress(32)