web-dev-qa-db-ja.com

CKEditorのインライン画像に画像スタイルを追加する

たとえば、ビューでは、（画像スタイルを使用して）ロードする画像のサイズを設定できます。 CKEditorでそのようなことをすることは何らかの方法で可能ですか？現時点では、Drupalは元の画像を読み込んでブラウザで縮小しています。すべてのインライン画像がxピクセルの幅にサイズ変更されるように画像スタイルを設定する必要があります。

8wysiwygmedia
4
Frank Schaufelberger

モジュールの挿入 を使用します

Insertは、画像とファイルへのリンクをテキスト領域またはWYSIWYGに簡単に挿入できるようにするユーティリティです。これは、単純なJavaScriptベースのボタンをFileFieldウィジェットとImageFieldウィジェットに追加します。 ImageFieldおよびImageCacheと共に使用すると、特定のImageCacheプリセットを使用して画像をテキスト領域に挿入できます。

このモジュールは、以前はFileField Insertと呼ばれていました。

特徴

Support for all major WYSIWYG editors, including tinyMCE, CKeditor, the WYSIWYG project (the recommended approach), and plain

テキスト領域。 ImageCacheプリセットを使用した画像の挿入挿入された画像の最大幅設定（画像サイズ変更フィルターモジュールと組み合わせて使用​​）フィールドごとの挿入構成

drupal 7でいくつかのプロジェクトで使用しましたが、それはあなたが望んでいることです。Drupal 8バージョンはまだ使用していませんが、うまくいきます。

うまくいけば、Drupal> = 8.8では、コアにあります。

https://www.drupal.org/docs/8/core/modules/media-library-module/embedding-media-with-ckeditor

1
Yusef

周りにはたくさんのモジュールがあります：

  • 実際には entity_embed を使用する必要があります。オプションで file_browser を使用するか、または media_entity を使用してさらに洗練されています。 （コアの 応答画像 と組み合わせて使用​​することもできます）

  • Layouter 画像のスタイルを選択して、レイアウトに1つのファイルを挿入しましょう.. Insert にも同様のアプローチがあります。 （@zhilevanからの回答を参照）

    再編集中にユーザーがめちゃくちゃになる可能性があるので、私はこのアプローチにはそれほど友好的ではありません。

  • [〜＃〜] imce [〜＃〜] は簡単なアプローチですが、自動化されておらず、画像スタイルではないため、アップロードされた画像は親指で釘付けする必要があります。

そして別のアプローチは paragraphs を使用することです。 直接ではありませんが、CKeditorと組み合わせることができます。

0
rémy

Drupal 8では、MediaモジュールとEntity Embedモジュールスイートを使用できます。これにより、メディアの埋め込みがより多くなりますDrupal CKEditorのネイティブ-そして、メディアをレンダリングするビューモードを選択できます。

この表示モード構成では、フィールドフォーマッターの表示で使用する画像スタイルを設定できます。

したがって、メディアを挿入するためのビューモードをいくつか作成し、それらをさまざまなユースケースでイメージスタイルにマップすることができます。それはユーザーが簡単にできるようにし、埋め込むときにオプションを選択するだけです。

0
Kevin