CKEditor編集中の見た目をフロントと全く同様にする方法

カテゴリ コンテンツの作成 コアバージョン 8.9.x 関連モジュール CKEditor

path/to/your/theme/テーマ名.info.yml に 以下の行を追加する。

ckeditor_stylesheets:
  - css/本文内に関わる1.css
  - css/本文内に関わる2.css
  - 〜
  • 本文内に関わるn.css は 本文エリアに関わるCSS定義が入っている。ただし、セレクタのネストが 編集ページ内の本文フィールドと一致しない場合があるのでCSSの方で両方指定する等 工夫が必要。

OTHER FAQ

Drupal開発・運用の疑問／質問の答えはここに

無料ユーザー登録すると質問できます。

カテゴリ Core Ver.昇順で並び替える 関連モジュール タイトル
サイトの環境設定 8.9.x 編集
コンテンツの作成 8.9.x vim nkf ファイルのエンコーディングを確認、変更する方法
PHP 8.9.x drush drush sql:cli < が機能しない場合の対処
アップデート 8.9.x composer patch patch を composer に 組み込む方法
アップデート 8.9.x Composer update Composer で drupal/core-8.9.7 に更新できなくなった場合の処置
コンテンツの作成 8.9.x CSS キャプション付きの（右寄／左寄）画像を画像サイズを基準にきれいに表示する方法
Gmian 8.8.x Gmail Gmail:外部メールサーバー経由のメール送信ができなくなった場合の対処方法
アップデート 8.8.x Composer composer updateが異常終了する
テーマ 8.7.x Bartikのtwigについて
mac linux ファイル名 文字化け 8.7.x mac linux ファイル名 文字化け Macからlinuxにrsyncするとファイル名（濁点）が文字化けする場合の対応方法
コンテンツの作成 8.7.x CkEditor CKEditorエディタ内に Colorboxポップアップ を簡単に挿入する方法
ログイン 8.7.x System ユーザー アカウントロックの範囲設定
フォーム 8.7.x Webform WebformのCheckboxの要素にて表記の変更
アップデート 8.7.2 menu drupal-core 8.7.2にupdateしたところ
サイトの環境設定 8.6.x Simhony Yaml yamlファイルを読み込む方法
Commerce 8.6.x Commerce Payment Gateway オリジナルCommerce決済モジュール（Offsite）で決済サーバーへのPOST時のエンコードを変更する方法
Commerce2 8.6.x Commerce Order Commerceで注文情報から全Itemを得る方法
コンテンツの管理 8.6.x Commerce Commerce orderからすべての商品名を取得する方法
フォーム 8.6.x JavaScript 特定のformにJavaScriptを紐付ける方法
フォーム 8.6.x JavaScript 特定のformに動的にJavaScriptをロードする方法

ページ