web-dev-qa-db-fra.com

Ajouter un style d'image à une image en ligne dans CKEditor

Avec les vues, par exemple, je peux définir la taille de l'image à charger (en utilisant des styles d'image). Est-il possible de faire une telle chose dans CKEditor? Pour le moment, Drupal charge l'image originale et la réduit dans le navigateur. J'ai besoin de définir un style d'image afin que toutes les images en ligne soient redimensionnées à une largeur de x pixels.

8wysiwygmedia
4
Frank Schaufelberger

Utilisez insérer le module

L'insertion est un utilitaire qui facilite l'insertion d'images et de liens vers des fichiers dans des zones de texte ou des WYSIWYG. Il ajoute un simple bouton basé sur JavaScript aux widgets FileField et ImageField. Lorsqu'elles sont utilisées avec ImageField et ImageCache, les images peuvent être insérées dans des zones de texte avec un préréglage ImageCache spécifique.

Ce module était auparavant connu sous le nom de FileField Insert.

Caractéristiques

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

zones de texte. Insérer des images à l'aide des préréglages ImageCache Paramètre de largeur maximale pour les images insérées (pour une utilisation combinée avec le module Filtre de redimensionnement d'image) Configuration d'insertion par champ

Je l'ai utilisé sur drupal 7 dans plusieurs projets et c'est ce que vous voulez. Je n'ai pas encore utilisé Drupal 8 version, mais l'espoir fonctionne bien.

Espérons que dans Drupal> = 8.8 c'est sur le noyau.

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

1
Yusef

Il y a beaucoup de modules autour:

  • Vous devriez vraiment utiliser entity_embed , c'est tout à fait hors de la boîte, éventuellement avec le file_browser ou encore plus sophistiqué avec le media_entity . (Peut également être utilisé en combinaison avec le noyau images réactives )

  • Layouter vous permet d'insérer un fichier dans une mise en page, en choisissant le style d'image .. Insert a une approche similaire. (voir la réponse de @zhilevan)

    Je ne suis pas très ami de cette approche, car elle peut être gâchée par l'utilisateur lors de la réédition.

  • IMCE est l'approche la plus simple, mais pas automatisée, pas les styles d'image, donc les images téléchargées doivent être clouées.

Et une approche différente serait d'utiliser paragraphes . Pas (seulement) directement mais combinable avec CKeditor .

0
rémy

Dans Drupal 8, vous pouvez utiliser le module Media et la suite de modules Entity Embed. Cela rend l'intégration des médias plus Drupal native dans CKEditor - et l'une des choses que vous que vous pouvez faire est de sélectionner le mode d'affichage dans lequel rendre le média.

Cette configuration du mode d'affichage peut définir le style d'image à utiliser sur son écran de formatage de champ.

Par conséquent, vous pouvez créer quelques modes d'affichage pour insérer des médias et les associer à des styles d'image dans différents cas d'utilisation. Cela facilite la tâche de l'utilisateur, il lui suffit de sélectionner une option lors de l'intégration.

0
Kevin