web-dev-qa-db-ja.com

レスポンシブ画像をインラインで使用する

インライン画像でのスタイルの使用が何らかの理由で省略されていることがわかります。しかし、サイトの動作を少し速くする必要がある場合。

インクルードする画像のスタイルを選択できるCKeditorプラグインを探していました。しかし、私は何も見つけていません。

Drupal 7画像モジュールのコメントを見てきました。これは、Drupal 8.でレスポンシブ画像を実装するためのベースとなるはずです。しかし、見つけるインライン画像については何もありません-ただ古いDrupalそれがどのように機能するかについての7つのデモ。

Drupal 8?のインラインエディターに、レスポンシブな画像または画像の基本的な画像スタイルを取得する方法はありますか?

5
Jonasdk

モジュール Entity Embed はそれを行うことができます。現在、利用可能な開発バージョンがありますが、最初のアルファ/ベータリリースを待つ方がよいでしょう。

これがコアになるまで、さらに時間がかかります:

テキストエディターの画像ダイアログで画像スタイル/レスポンシブ画像マッピングを選択できるようにします

これはdrupal 8.1に延期されました

それまでは、jqueryを使用して画像を画像フィールドから本文の空のコンテナに移動できます。ちらつきの影響を回避するには、特定の画像フィールドのtwigテンプレートにスタイルdisplay:noneを追加し、jqueryの本文に移動した後に表示します。

1
4k4

CSSコードを「/themes/bootstrap/css/3.3.x/overrides.min.css」に追加します

 img {
    display: Block;
    max-width: 100%;
    height: auto;
 }
0
Wan Kai Wah