メインコンテンツに移動

メインナビゲーション

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

パンくず

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

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

drupal
bug
wyusiwyg

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

By admin | 2017/06/15(木) - 14:54

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

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

    • コンテンツ(例:Article)を追加/編集時に、Wysiwyg ImageFieldアイコンが表示される
ホーム

古松

検索

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)