web-dev-qa-db-fra.com

Utilisez des images réactives en ligne

Je peux voir que l'utilisation de styles sur des images en ligne a été omise pour une raison quelconque. Mais quand j'ai besoin de rendre le site un peu plus réactif.

Je me suis occupé de plugins CKeditor qui pouvaient sélectionner un style pour l'image à inclure. Mais je n'en ai pas trouvé.

Je me suis occupé de commentaires sur le module Drupal 7 Picture qui devrait être la base de la mise en œuvre des images réactives dans Drupal 8. Mais là n'est rien à propos des images en ligne à trouver - juste d'anciennes Drupal 7 démos sur la façon dont cela devrait fonctionner.

Toute idée comment obtenir des images réactives ou simplement un style d'image de base pour les images inclut dans l'éditeur en ligne sur Drupal 8?

5
Jonasdk

Le module Entity Embed pourra le faire. Il existe maintenant une version de développement disponible, mais vous feriez mieux d'attendre la première version alpha/bêta.

Cela prendra encore plus de temps, jusqu'à ce que ce soit au cœur:

Autoriser la sélection du style d'image/mappage d'image réactif dans la boîte de dialogue d'image de l'éditeur de texte

Ceci est reporté à drupal 8.1

Jusque-là, vous pouvez utiliser jquery pour déplacer l'image d'un champ d'image vers un conteneur vide dans le corps. Pour éviter les effets de scintillement, ajoutez un affichage de style: aucun dans le modèle twig de ce champ d'image spécifique et affichez-le après l'avoir déplacé dans le corps dans jquery.

1
4k4

Ajoutez le code CSS dans "/themes/bootstrap/css/3.3.x/overrides.min.css"

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