Drupal8: モジュール（Syntax Highlighter）の言語設定と従わずにCKEditorのプラグイン（CKEditor Syntax Highlighter）の言語選択および表示エラー

Drupal8のモジュール（Syntax Highlighter）の使用言語設定はモジュール（CKEditor Syntax Highlighter）に反映しない

  • WYSIWYGに関して、使用しているモジュール
    • Syntax Highlighter： 8.x-1.0-alpha2
    • CKEditor Syntax Highlighter： 8.x-1.0-alpha1
  • 両モジュールをインストールして、有効化します
  • WYSIWYG管理画面（ホーム » 管理 » 環境設定 » コンテンツ作成 » Configure Syntax Highlighter）で使用可能な言語を選択します　
    • 例：AS3 を使用しないように、チェックを外します
  • CKEditorの管理画面（ホーム » 管理 » 環境設定 » コンテンツ作成 » テキストフォーマットとエディター » Filtered HTML）でプラグイン（Syntax Highlighter）を有効化して、Editorに挿入します
  • コンテンツ編集画面からSyntax Highlighter編集画面を開いて、言語選択プルダウンメニューを開くと、すべての言語が選択可能 ⇦ WYSIWYG管理画面で言語選択意味は全くありません
    WYSIWYGで選択されていない言語が表示されてしまう
  • 対応：対応方法があまりないですね。WYSIWYG管理画面で言語選択しない方がよいでしょう

WYSIWYG管理画面で選択されていない言語がエラーが表示される

  • 実際に、WYSIWYG管理画面で選択されていない言語（例：AS3）がテキストコンテンツに使われてるとエラーが表示します：SyntaxHighlighter　Can't find brsh for as3
    WYSIWYG管理画面で選択しない言語がエラーとして表示
  • 対応方法：WYSIWYG管理画面ですべての言語を選択します

 

WYSIWYG

Submitted by: admin
on 2017/06/15(木) - 14:54

コンテンツテキストの入力、WYSIWYGツール、テキストフォーマット管理などの内容を纏めます

Wysiwyg ImageFieldのインストール

  1. 必要なモジュール
  2. インストールWysiwyg ImageFieldモジュール
    • ダウンロードWysiwyg ImageFieldモジュール、サイトにインストールと有効化
  3. Wysiwyg ImageFieldの設定
    • ターゲットしているコンテンツタイプ（例：Article）にImageフィールドの追加、または「編集」でImageフィールド詳細を開く
    • 「Use with Wysiwyg ImageField?」をチェックする
    • INSERTを有効化にする
  4. Wysiｗｙｇ profiles のAdmin設定（admin/config/content/wysiwyg）でImagefieldを有効化する
    • 例：　CKEditor
    • 「BUTTONS AND PLUGING」設定で「Wysiwyg ImageField」を有効化する

    • コンテンツ（例：Article）を追加/編集時に、Wysiwyg ImageFieldアイコンが表示される