メインコンテンツに移動

メインナビゲーション

  • ホーム
  • サイトマップ
  • ビデオ
  • ご連絡

パンくず

  • ホーム
  • 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;
    }

 

ホーム

古松

検索

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)