問題点：

• サイトのテーマを変更して、いつの間にかにSyntax Hightlighterのソースコード表示が乱れています。入力したソースコードが単語単位で改行されてしまいまして、ソースコードが全然まともに表示されていないです。

原因

• いろいろチェックしたところで、Syntax Hightlighterのあるタグ「code」がほかのcssに定義されてソースコードの表示が乱れてしまったことを分かりました。

解決方法

• 上記codeタグのstyleを再定義します
• サイトのcssファイル（style.css）に一行を追加します：

  .syntaxhighlighter code{
      display: inline !important;
  }

Drupal8ではckEditorモジュールがコアーに入っている

• Drupal7ではリッチテキストエディターを必要な時に、WYSISWYGモジュールか、ckEditorモジュールなどをインストールする必要があります
• Drupal8ではckEditorモジュールがコアーに入っているので、インストールする必要はありません
  • ckEditoのプラグイン、ボタンを追加するには、Drupal7と比べると、ちょっと面倒な作業があるようです

ckEditoにソースコード・ハイライト（syntaxhighlight）プラグインをインストールします

• ckEditoのソースコード・ハイライト（syntaxhighlight）モジュール：CKEditor Syntax Highlighter
• モジュール（CKEditor Syntax Highlighter）が三つの部分を依存しています
  • CKEditor Syntax Highlight plugin
  • Drupal Libraries module
  • Drupal Syntax Highlighter module
• モジュール（Drupal Syntax Highlighter module）を通常にインストールします
  • syntaxhighlighterの本家からjsライブラリをダウンロードします
  • jsライブラリ（syntaxhighlighter）をdrupal/libraries/syntaxhighlighterに展開します
    • shCore.js がdrupal/libraries/syntaxhighlighter/scriptにあることを確認します
• 通常のインストール方法でモジュール（Libraries）をインストールし、有効化します
• プラグイン（CKEditor Syntax Highlight plugin）をgitHubからダウンロードします
  • ダウンロードされたプラグインをdrupal/libraries/ckeditor_syntaxhighlightの配下に配置します
  • プラグイン（plugins）ディレクトリはdrupal/libraries/ckeditor_syntaxhighlightの下にあることを確認します
    
  • このプラグインのインストール方法はあまり詳細に説明されていなくて、戸惑うことが多いでしょう。